NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Aurora Cultural" (auroracultural.com) usando solo HTML, Tailwind CDN y JavaScript vanilla en un único archivo. El proyecto debe reproducir fielmente la estructura y estética del sitio analizado:
- Paleta de colores: #212121 (gris profundo), #F9A826 (amarillo cálido), #FFFFFF (blanco), #E0E0E0 (gris claro) y acentos #FFEB3B (amarillo brillante).
- Tipografía: "Inter", sans-serif para cuerpos y "Playfair Display", serif para encabezados.
- Header: barra de navegación fija, logo SVG simple, menú con dropdowns (Demos, About us, All pages) y botón primario "Únete a la comunidad" con efecto hover de fondo degradado.
- Hero: sección full‑width con título grande, subtítulo, fondo ilustrado semi‑transparente, animación de aparición (fade‑in).
3.577 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.577 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ú desplegable y botón principal
- 1.2 Hero de bienvenida con título, subtítulo y fondo ilustrado
- 1.3 Presentación de demos preconstruidos con miniaturas
- 1.4 Métricas de rendimiento en formato grid con barras de progreso
- 1.5 Sección de características clave con iconos y descripciones
- 1.6 Footer con contactos y enlaces de redes
ABOUT US
- 2.1 Cabecera con título y texto introductivo
- 2.2 Historia y misión en dos columnas
- 2.3 Equipo con fotos y breves biografías
- 2.4 Llamada a la acción para unirse a la comunidad
MEMBERSHIP
- 3.1 Planes de membresía en tarjetas
- 3.2 Beneficios resaltados con iconos
- 3.3 Formulario de registro rápido
EVENTS
- 4.1 Listado de próximos eventos en grid
- 4.2 Filtro por categoría y fecha
- 4.3 Enlace a detalle del evento
PROGRAMS
- 5.1 Galería de programas culturales
- 5.2 Descripción breve y botón de más información
MEDIA
- 6.1 Galería de fotos y videos
- 6.2 Descarga de material promocional
BLOG
- 7.1 Lista de artículos con imágenes destacadas
- 7.2 Extractos y enlaces a lectura completa
CONTACT US
- 8.1 Formulario de contacto con campos básicos
- 8.2 Mapa incrustado y datos de localización
PROMPTS RELACIONADOS · BELLEZA / SPA
