NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web estática para la marca ficticia "Estilo Delta" (sin fines de lucro) usando únicamente HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. El sitio debe reproducir el diseño analizado:
- **Header**: barra fija, fondo blanco, logo a la izquierda (usar placeholder SVG), menú central con enlaces Home, Programas, Eventos, About Us (con dropdown con Quiénes somos, Blog, Aliados), Get Involved y botón secundario Contact y botón primario Donar que abre modal vacío. Hamburguesa responsive para móviles.
- **Hero interno**: sección centrada, fondo color #f5fdf5, subheading en color #2b6a2b, título grande en fuente "Inter" peso 800, etiquetas resaltadas con fondo verde pálido (#e6f4e6). Imagen mockup a la derecha (placeholder).
- **Sección de contenido**: contene
3.691 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.691 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 Header fijo con logo, navegación principal, botón de contacto y acceso a ventana modal de donación
- 1.2 Hero interno con subtítulo, título principal, etiquetas descriptivas y mockup ilustrativo
- 1.3 Sección de contenido explicativo con encabezado y párrafo introductorio
- 1.4 Cuadrícula de iconos (6 ítems) que destacan ventajas y funcionalidades
- 1.5 Bloque CTA con texto persuasivo, descripción y dos botones de acción sobre fondo con overlay oscuro
- 1.6 Footer con enlaces de navegación secundaria, contactos y redes sociales
PROGRAMAS
- 1.1 Header común
- 1.2 Listado de programas con tarjetas de imagen, título y breve descripción
- 1.3 Footer común
EVENTOS
- 1.1 Header común
- 1.2 Calendario o lista de eventos con fecha, título y llamado a acción
- 1.3 Footer común
ABOUT US
- 1.1 Header común
- 1.2 Información institucional con foto, misión y visión
- 1.3 Equipo o colaboradores en tarjetas
- 1.4 Footer común
GET INVOLVED
- 1.1 Header común
- 1.2 Formularios de voluntariado y suscripción
- 1.3 CTA de donación
- 1.4 Footer común
CONTACT
- 1.1 Header común
- 1.2 Formulario de contacto, datos de ubicación y mapa
- 1.3 Footer común
PROMPTS RELACIONADOS · MODA
