NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia LumenVida, comunidad religiosa, usando únicamente HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. La página debe reproducir fielmente la estructura y estilo del sitio analizado, sin copiar texto literal.
**Paleta de colores**: #0F172A (azul oscuro), #1E293B (gris profundo), #3B82F6 (azul primario), #F59E0B (amarillo cálido), #FFFFFF (blanco).
**Tipografía**: Fuente principal "Inter" (sans-serif) para cuerpo y títulos, peso 400‑700.
**Header**: logo a la izquierda, menú horizontal con enlaces Home, Quiénes somos, Sermones, Eventos, Noticias y botón destacado "Hablemos". En versión móvil, colapsar en botón de hamburguesa que abre un drawer con los mismos enlaces.
**Sección Hero**: grid de dos columnas; izquierda im
4.168 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.168 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 con logo, menú y botón de contacto
- 1.2 Hero con imagen, título, texto y botón principal
- 1.3 Carrusel de logos de colaboradores
- 1.4 Sección "Quiénes somos" con subtítulo, título y galería de fotos
- 1.5 Cuadro de horarios de servicios y actividades
- 1.6 Área de sermones destacados
- 1.7 Pie de página con información institucional
SOBRE NOSOTROS
- 2.1 Imagen principal de la comunidad
- 2.2 Texto descriptivo y misión
- 2.3 Equipo pastoral (foto, nombre, cargo)
- 2.4 Botón de contacto
EVENTOS
- 3.1 Lista de próximos eventos con fecha, hora y descripción breve
- 3.2 Botón para ver más eventos
SERMONES
- 4.1 Grid de sermones con miniatura, título y autor
- 4.2 Enlace a reproducción o descarga
BLOG
- 5.1 Lista de artículos recientes con imagen y extracto
- 5.2 Categorías y archivo
CONTACTO
- 6.1 Formulario de contacto (nombre, email, mensaje)
- 6.2 Mapa integrado y datos de la sede
- 6.3 Botón para enviar consulta
PROMPTS RELACIONADOS · COMUNIDAD SOCIAL