NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático que reproduzca el diseño analizado, usando solo HTML y Tailwind CSS vía CDN, con JavaScript vanilla para interacciones (dropdowns, mega‑menu, barra de progreso animada, overlay de tarjetas). La marca es **Luminara Cultura** (dominio luminara.com). Utiliza la siguiente paleta de colores extraída del original:
- #1A1A1A (texto principal oscuro)
- #F5F5F5 (fondo claro)
- #FFD700 (amarillo destacado del logo y botones)
- #FFFFFF (blanco)
- #333333 (gris para textos secundarios).
Tipografía: **Inter**, peso 400‑700, tamaños: 64px para hero title, 24px para subtítulos, 18px para cuerpo, 14px para footnotes.
Estructura la página **HOME** con los bloques enumerados en la clave "secciones":
1. **Header**: barra fija, logo SVG amarillo, enlaces con dropdowns "/Demo
4.561 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.561 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ús desplegables y botón de acción.
- 2.1 Hero de portada con título, subtítulo y fondo visual.
- 3.1 Sección de demos pre‑construidos (cards con imágenes y títulos).
- 4.1 Métricas de rendimiento (Google PageSpeed, Performance Grade, etc.) con barras animadas.
- 5.1 Características clave (icono, título, descripción).
- 6.1 Footer con enlaces institucionales, contacto y redes.
ABOUT US
- 1.1 Header reutilizable.
- 2.1 Título de página y texto descriptivo.
- 3.1 Galería o timeline de la historia.
- 4.1 Equipo con fotos y breves bios.
- 5.1 Footer.
MEMBERSHIP
- 1.1 Header.
- 2.1 Oferta de membresía con tabla comparativa.
- 3.1 Formulario de registro.
- 4.1 Testimonios.
- 5.1 Footer.
EVENTS
- 1.1 Header.
- 2.1 Listado de eventos en grid con filtros.
- 3.1 Mini‑detalle de evento destacado.
- 4.1 Footer.
PROGRAMS
- 1.1 Header.
- 2.1 Grid de programas con tarjetas.
- 3.1 Descripción ampliada de programa seleccionado.
- 4.1 Footer.
MEDIA
- 1.1 Header.
- 2.1 Galería de fotos y videos.
- 3.1 Descarga de materiales.
- 4.1 Footer.
DONATE
- 1.1 Header.
- 2.1 Formulario de donación con opciones de monto.
- 3.1 Información de uso de fondos.
- 4.1 Footer.
FAQ
- 1.1 Header.
- 2.1 Accordion con preguntas frecuentes.
- 3.1 Footer.
CONTACT US
- 1.1 Header.
- 2.1 Formulario de contacto.
- 3.1 Mapa incrustado.
- 4.1 Footer.
BLOG
- 1.1 Header.
- 2.1 Lista de artículos en tarjetas con imagen, título y excerpt.
- 3.1 Paginación.
- 4.1 Footer.
Imagen generada con OpenRouter · Nano Banana (Gemini 2.5 Flash Image) · google/gemini-2.5-flash-image · 04/06/2026
PROMPTS RELACIONADOS · EDUCACIÓN
