NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Studio Lira, una comunidad religiosa contemporánea, usando únicamente HTML, Tailwind CSS vía CDN y JavaScript vanilla en un solo archivo. El proyecto debe incluir todas las secciones descritas en el apartado "secciones" y seguir la estructura de la tabla. Utiliza la paleta de colores: #1A1A2E (azul muy oscuro), #16213E (azul marino), #0F3460 (azul profundo), #E94560 (rojo coral) y #F5F5F5 (gris claro). Tipografía: Inter para encabezados y body, con peso 400‑600, importada de Google Fonts.
HEADER: barra fija superior con fondo #16213E, logo SVG ficticio a la izquierda, menú horizontal centrado con enlaces "Inicio", "Quiénes somos", "Sermones", "Eventos", "Blog", "Contacto" y botón primario "Hablemos" con fondo #E94560 y hover #0F3460.
HERO
4.350 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.350 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 Encabezado con logo, menú y botón de contacto.
- 1.2 Hero con imagen, título, texto y CTA.
- 1.3 Carrusel de logos de aliados.
- 1.4 Bloque "Quiénes somos" con galería.
- 1.5 Horarios de servicios y actividades.
- 1.6 Sermones destacados.
- 1.7 Próximos eventos.
- 1.8 Blog y noticias.
- 1.9 Footer con información de contacto.
SOBRE NOSOTROS
- 2.1 Título y presentación de la comunidad.
- 2.2 Texto histórico y misión.
- 2.3 Imagenes de la congregación.
- 2.4 Botón de descarga de brochure.
SERMONES
- 3.1 Lista de sermones con miniaturas, título y autor.
- 3.2 Botón para ver todos los sermones.
EVENTOS
- 4.1 Calendario con tarjetas de eventos próximos.
- 4.2 Enlace a agenda completa.
BLOG
- 5.1 Tres entradas destacadas con imagen, título y extracto.
- 5.2 Enlace a blog completo.
CONTACTO
- 6.1 Formulario de contacto simple (nombre, email, mensaje).
- 6.2 Mapa incrustado y datos de la sede.
- 6.3 Enlaces a redes sociales.
PROMPTS RELACIONADOS · COMUNIDAD SOCIAL