NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático para la marca ficticia LuzCultura (luzcultura.com) siguiendo el siguiente alcance y stack: HTML único, Tailwind CSS vía CDN, JavaScript vanilla en el mismo archivo. Usa la paleta de colores basada en tonos amarillos y negros: #FFCC00 (amarillo brillante), #212121 (gris casi negro), #FFFFFF (blanco), #F5F5F5 (gris claro) y acentos #FF9800. Tipografía: "Inter" para textos y "Playfair Display" para encabezados, importadas de Google Fonts.
Estructura:
- <header class="fixed w-full bg-white shadow-md"> con logo a la izquierda, menú de navegación horizontal con items "/Demos", "/Sobre nosotros", "/Eventos", "/Programas", "/Todas las páginas" (dropdown megamenú) y botón primario resaltado "Únete a la comunidad" (estilo clip-button con animación hover). El menú debe col
4.430 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.430 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 con logo, dropdowns y botón "Únete a la comunidad"
- 1.2 Hero principal: título grande, subtítulo, imagen de fondo
- 1.3 Muestra de demos: tres tarjetas enlazadas a diferentes home
- 1.4 Métricas de rendimiento: 4 barras de progreso con porcentajes
- 1.5 Características clave: 4 bloques con icono, título y texto
- 1.6 Footer: enlaces de navegación secundaria, contacto y redes sociales
ABOUT US
- 2.1 Header interno con título de sección y breadcrumb
- 2.2 Texto descriptivo y foto de la asociación
- 2.3 Valores y misión en tarjetas
- 2.4 Equipo destacado con fotos y cargos
- 2.5 Footer (reutiliza bloque 1.6)
EVENTS
- 3.1 Cabecera de eventos con filtro de categorías
- 3.2 Grid de tarjetas de evento con imagen, fecha y breve descripción
- 3.3 Sección de llamada a la acción para suscripción al boletín
- 3.4 Footer (reutiliza bloque 1.6)
PROGRAMS
- 4.1 Lista de programas con tarjetas informativas
- 4.2 Detalle de programa seleccionado con galería y texto
- 4.3 CTA para participar o donar
- 4.4 Footer (reutiliza bloque 1.6)
MEMBERSHIP
- 5.1 Formulario de alta de socios con campos básicos
- 5.2 Beneficios de la membresía en columnas
- 5.3 Testimonios en carrusel
- 5.4 Footer (reutiliza bloque 1.6)
CONTACT US
- 6.1 Mapa incrustado y datos de contacto
- 6.2 Formulario de contacto simple
- 6.3 Redes sociales y horario de atención
- 6.4 Footer (reutiliza bloque 1.6)
PROMPTS RELACIONADOS · BELLEZA / SPA
