NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia **Armonía Cultural** (dominio: armoniacultural.com) usando **HTML estático + Tailwind CSS CDN + JavaScript vanilla** en un solo archivo. La web debe reproducir el diseño analizado:
- **Paleta de colores**: #212529 (gris oscuro), #F5A623 (ámbar vibrante), #FFFFFF (blanco), #EAEAEA (gris claro) y acentos en #FFEB3B (amarillo).
- **Tipografía**: `Inter`, sans‑serif para cuerpos y títulos; usar `font-medium` para encabezados y `font-light` para párrafos.
- **Header**: barra de navegación fija con logo (SVG placeholder), menú mega‑dropdown con tres columnas, enlaces a Home, Demos, Sobre nosotros, Eventos, Programas, Todas las páginas y botón CTA “Únete a la comunidad”. Menú colapsable en móvil con icono hamburger.
- **Hero**: sección de a
3.718 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.718 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 de navegación fija con logo, menú mega‑dropdown y botón CTA
- 2.1 Hero principal con título, subtítulo y fondo ilustrativo
- 3.1 Bloque de demos de inicio (tarjetas con captura y enlace)
- 4.1 Métricas de performance (barras de progreso)
- 5.1 Características clave (iconos + texto)
- 6.1 Footer informativo con enlaces y datos de contacto
ABOUT US
- 1.1 Cabecera interna con breadcrumb
- 2.1 Imagen destacada y descripción de la asociación
- 3.1 Valores y misión en formato de tarjetas
- 4.1 Equipo destacado con foto y rol
- 5.1 CTA a suscripción de newsletter
MEMBERSHIP
- 1.1 Cabecera con título de membresía
- 2.1 Planes en tabla comparativa
- 3.1 Beneficios destacados en lista con iconos
- 4.1 Formulario de registro rápido
- 5.1 Testimonios rotativos
EVENTS
- 1.1 Lista de eventos próximos con filtro por categoría
- 2.1 Tarjetas de evento con imagen, fecha y descripción corta
- 3.1 Calendario interactivo embed
- 4.1 CTA a compra de entradas
PROGRAMS
- 1.1 Cuadrícula de programas culturales
- 2.1 Detalle expandible de cada programa
- 3.1 Botón de descarga de material
MEDIA
- 1.1 Galería de fotos y videos en estilo masonry
- 2.1 Filtros por tipo de contenido
- 3.1 Lightbox para visualización
BLOG
- 1.1 Lista de artículos con imagen destacada y extracto
- 2.1 Paginación y filtro por etiquetas
- 3.1 Sidebar con últimos posts y suscripción
CONTACT US
- 1.1 Formulario de contacto con campos básicos
- 2.1 Mapa incrustado
- 3.1 Información de contacto y redes sociales
PROMPTS RELACIONADOS · EDUCACIÓN
