NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Alianza Cívica" (alianzacivica.com) usando solo HTML, Tailwind CSS (CDN) y JavaScript vanilla en un único archivo. La web debe ser responsiva y replicar la siguiente estructura y estilo (sin copiar texto literal):
- **Paleta de colores**: #0F172A (azul marino profundo), #1E293B (gris azul), #3B82F6 (azul brillante para acentos), #F8FAFC (blanco suave), #10B981 (verde esmeralda para botones primarios).
- **Tipografía**: "Inter" para párrafos y botones, "Playfair Display" para títulos grandes.
### Header
1.1 Barra superior con dirección ficticia y enlaces a redes sociales (Facebook, X, YouTube, Instagram) alineados a la izquierda y un enlace de "únete" a la derecha.
1.2 Menú de navegación centrado con logo (SVG simple) a la izquierda, enla
4.956 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.956 caracteres · licencia libre
Solo descarga completa disponible
CAPTURA COMPLETA · HOME
Para que Claude replique el diseño con máxima fidelidad, descarga la imagen y adjúntala en tu chat.
Descargar captura
ESTRUCTURA DEL SITIO
Tabla de secciones
HOME
- 1.1 Barra superior con dirección y enlaces sociales
- 1.2 Menú principal con logo, enlaces y botón de donación
- 2.1 Hero con título, subtítulo, CTA y contadores de voluntarios y fondos
- 3.1 Sección de registro a la campaña con formulario
- 4.1 Bloque "Sobre nosotros" con texto e imágenes
- 5.1 Área de características con tarjetas informativas
- 6.1 Testimonios (lista dinámica)
- 7.1 Footer con información de contacto y enlaces
ABOUT US
- 1.1 Encabezado de la página con título y breadcrumb
- 2.1 Texto descriptivo de la misión y visión
- 3.1 Galería de imágenes ilustrativas
- 4.1 Equipo de trabajo con fotos y breves biografías
EVENTS
- 1.1 Listado de próximos eventos con tarjetas de fecha, título y llamada a detalle
- 2.1 Filtro por categoría y calendario
BLOG
- 1.1 Lista de artículos con imagen, título, extracto y botón de leer más
- 2.1 Paginación inferior
DONATE
- 1.1 Formulario de donación rápida con monto predefinido y opción personalizada
- 2.1 Testimonios de donantes
CONTACT
- 1.1 Formulario de contacto con campos nombre, email, mensaje
- 2.1 Mapa de ubicación y datos de contacto
PROMPTS RELACIONADOS · MISCELÁNEO
