NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático para la marca ficticia "LumenCatedral" (lumencatedral.com) usando HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. Reproduce la estructura y estilo del sitio analizado:
- Paleta de colores: #1a1a1a (fondo principal), #ffffff (texto), #f5c518 (amarillo cálido para acentos), #e0e0e0 (gris claro), #0066cc (azul enlace).
- Tipografía: Inter (sans-serif) para encabezados y cuerpo, usando <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap" rel="stylesheet">.
- Header: barra fija con logo a la izquierda, menú horizontal (Home, Quiénes somos, Sermones, Eventos, Pastores, Blog) y botón primario "Contáctanos" a la derecha. Menú móvil colapsable con icono hamburguesa.
- Hero: grid de dos columnas, imagen a la derecha
3.734 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.734 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, menú y botón
- 1.2 Hero con imagen, valoración, título, texto, botón CTA
- 1.3 Sección de alianzas (marquee de logos)
- 1.4 Horario de servicios (título, subtítulo, grid de horarios)
- 1.5 Sermones (título, grid de tarjetas)
- 1.6 Eventos (título, lista de eventos)
- 1.7 Pastores (título, tarjetas de perfil)
- 1.8 Blog (título, cards de artículos)
- 1.9 Footer con enlaces, redes y contacto
SCHEDULE
- 2.1 Título de sección y subtítulo
- 2.2 Galería de imágenes
- 2.3 Cuatro cajas de horario con nombre, hora y ubicación
SERMON
- 3.1 Título de sección y filtro
- 3.2 Grid de tarjetas con imagen, título, fecha y botón leer
EVENTS
- 4.1 Título de sección y breve descripción
- 4.2 Lista de eventos con fecha, hora, lugar y CTA
PASTORS
- 5.1 Título de sección y presentación
- 5.2 Tarjetas de perfil con foto, nombre y breve bio
BLOG
- 6.1 Título de sección y resumen
- 6.2 Grid de artículos con imagen, título, extracto y enlace
FOOTER
- 7.1 Enlaces de navegación, redes sociales y datos de contacto
PROMPTS RELACIONADOS · BELLEZA / SPA
