NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "LuzCóncavo" (dominio luzconcavo.com) con el siguiente alcance:
- Stack: HTML5 único archivo, Tailwind CSS vía CDN, JavaScript vanilla (sin frameworks). Usa la versión más reciente de Tailwind (2.x) mediante `<script src="https://cdn.tailwindcss.com"></script>`.
- Paleta de colores: #1A374D (azul oscuro), #3E7CB1 (azul medio), #F4F7FA (gris muy claro), #FFFFFF (blanco), #E2A300 (amarillo cálido para acentos).
- Tipografía: "Inter", sans-serif para cuerpos y títulos; importar desde Google Fonts.
- Header fijo con logo (placeholder SVG), menú horizontal con enlaces ancla: Home, Quiénes somos, Sermones, Eventos, Blog, Contacto; botón primario "Hablemos" con efecto hover (cambio de fondo a #E2A300 y texto a blanco).
- Hero SECTION: grid de dos
4.205 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.205 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 "Hablemos".
- 1.2 Hero con imagen a la izquierda, título "Escucha. Reza. Cree.", reseña y botón "Únete a la comunidad".
- 1.3 Slider de logos de socios/comunidades.
- 1.4 Bloque "Quiénes somos" con subtítulo, título extendido y galería de tres imágenes.
- 1.5 Horario de servicios con cuatro tarjetas: Servicio dominical, Oración matutina, Festividades, Oración vespertina.
- 1.6 Sección de sermones (grid de tarjetas con imagen y título).
- 1.7 Sección de eventos (lista o grid de próximos eventos).
- 1.8 Sección de blog/noticias (tarjetas con imágenes y extractos).
- 1.9 Footer con enlaces de navegación, redes sociales y datos de contacto.
SOBRE NOSOTROS
- 1.1 Encabezado con título y texto descriptivo.
- 1.2 Galería de imágenes y testimonio.
SERMONES
- 1.1 Lista de sermones con imagen, título, fecha y botón de reproducción.
EVENTOS
- 1.1 Calendario de eventos destacados con fecha, título y descripción breve.
BLOG
- 1.1 Artículos recientes en formato de tarjeta con imagen, título y extracto.
CONTACTO
- 1.1 Formulario de contacto sencillo (nombre, email, mensaje) y mapa incrustado.
PROMPTS RELACIONADOS · BELLEZA / SPA
