NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia **Luz Vía** (luzvia.com) que reproduzca el diseño estructural y visual del sitio analizado, sin copiar texto ni imágenes originales. Usa **HTML5**, **Tailwind CSS CDN** y **JavaScript vanilla** en un solo archivo.
**Paleta de colores** (extraída del template):
- Fondo principal: #FFFFFF
- Texto principal: #2C2C2C
- Destacado/CTA: #0D6EFD (azul vibrante)
- Neutro claro: #F8F9FA
- Neutro oscuro: #6C757D
**Tipografía**: fuente principal **Inter** (Google Fonts) para títulos y párrafos, peso 400‑600.
**Header**: barra fija con logo (placeholder SVG), menú horizontal (Home, Quiénes somos, Sermones, Eventos, Blog, Contacto) y botón primario “Hablemos”. En móvil, colapsar a icono de hamburguesa que despliegue menú lateral.
**Secciones Home*
4.402 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.402 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 Cabecera fija con logo, menú horizontal y botón de contacto
- 1.2 Hero con imagen lateral, rating, título destacado y llamado a la acción
- 1.3 Carrusel de logos de organizaciones asociadas
- 1.4 Sección "Quiénes somos" con subtítulo, título y collage de imágenes
- 1.5 Horarios de servicios y actividades en tarjetas
- 1.6 Área de sermones (placeholder)
- 1.7 Área de eventos (placeholder)
- 1.8 Área de noticias/blog (placeholder)
- 1.9 Footer con enlaces, contacto y redes sociales
SERMONS
- 2.1 Lista de sermones recientes con miniatura, título y fecha
- 2.2 Filtro por categoría y búsqueda
EVENTS
- 3.1 Calendario de próximos eventos con tarjetas
- 3.2 Detalle rápido al hacer clic
BLOG
- 4.1 Artículos destacados con imagen y extracto
- 4.2 Paginación y categorías
CONTACT
- 5.1 Formulario de contacto simple (nombre, email, mensaje)
- 5.2 Información de ubicación y teléfono
- 5.3 Mapa embed (placeholder)
Imagen generada con OpenAI · gpt-image-2 · 27/06/2026
PROMPTS RELACIONADOS · EDUCACIÓN
