NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Luz VIVA" (luzviva.com) usando exclusivamente HTML, Tailwind CSS CDN y JavaScript vanilla en un único fichero. El proyecto debe replicar el diseño analizado:
- Paleta de colores: #0A0A0A (fondo principal), #1A1A1A (secciones), #FFFFFF (texto), #FFD700 (acentos y botones), #CCCCCC (bordes y placeholders).
- Tipografía: Inter (Google Fonts) para encabezados y texto, con peso 400/600/700 según necesidad.
- Header: barra fija con logo a la izquierda, menú horizontal (Home, Quiénes somos, Sermones, Eventos, Pastores, Noticias) y botón primario "Hablemos" a la derecha. Incluye icono hamburguesa para móvil que despliegue un panel lateral con los mismos enlaces.
- Hero: grid de dos columnas, izquierda imagen de alta resolución (placeholder), d
3.998 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.998 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 con logo, navegación y botón "Hablemos"
- 1.2 Hero: imagen, valoración 4.9/5, título "Escucha. Reza. Cree.", texto descriptivo y botón "Únete a la comunidad"
- 1.3 Clientes: carrusel de logos de instituciones asociadas
- 1.4 Quiénes somos: subtítulo, título motivacional, tres imágenes en collage y bloques de horarios de servicios
- 1.5 Sermones: rejilla de tarjetas con imagen, título y botón de reproducción (placeholder)
- 1.6 Eventos: lista de próximos eventos con fechas, títulos y breves descripciones (placeholder)
- 1.7 Pastores: tarjetas con foto, nombre y breve biografía (placeholder)
- 1.8 Noticias: lista de artículos recientes con imagen y extracto (placeholder)
- 1.9 Footer con enlaces de navegación, redes sociales y datos de contacto
CONTACT
- 2.1 Página de contacto con formulario simple (nombre, email, mensaje) y mapa incrustado (placeholder)
PROMPTS RELACIONADOS · MODA
