NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia LumenArroyo, una comunidad religiosa, usando solo HTML estático, TailwindCSS vía CDN y JavaScript vanilla en un único archivo. Replicar el diseño visual del sitio fuente sin copiar contenido textual.
**Paleta de colores**:
- Primario: #1A3E5D (azul oscuro)
- Secundario: #F5F5F5 (gris muy claro)
- Accent: #E0A00B (dorado suave)
- Texto principal: #0E0E0E (casi negro)
- Texto secundario: #6B7280 (gris medio)
**Tipografía**:
- Encabezados: "Montserrat", sans-serif; peso 700
- Cuerpo: "Open Sans", sans-serif; peso 400
**Estructura**:
- `<header>` fijo con logo a la izquierda y menú multi‑nivel a la derecha. Menú debe abrirse al hover (desktop) y en móvil colapsarse en un botón burger que muestra un overlay con los enlaces. Incluye
4.029 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.029 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 Barra de navegación superior con logo y menú multi‑nivel
- 1.2 Buscador emergente
- 1.3 Hero de bienvenida con título, subtítulo y banner ilustrativo
- 1.4 Sección de demostraciones de páginas de inicio (tarjetas con captura y título)
- 1.5 Bloque de rendimiento técnico (tarjetas con métricas y barras de progreso)
- 1.6 Testimonios / citas breves
- 1.7 Footer con enlaces institucionales y redes sociales
ABOUT
- 2.1 Header compartido
- 2.2 Título y descripción de la comunidad
- 2.3 Línea de tiempo o historia visual
- 2.4 Equipo o staff con fotos
- 2.5 Footer compartido
EVENTS
- 3.1 Header compartido
- 3.2 Calendario de próximos eventos
- 3.3 Tarjetas de eventos destacados
- 3.4 Formulario de inscripción rápido
- 3.5 Footer compartido
DONATIONS
- 4.1 Header compartido
- 4.2 Llamada a la acción para donar
- 4.3 Formulario de donación seguro
- 4.4 Testimonios de impacto
- 4.5 Footer compartido
CONTACT US
- 5.1 Header compartido
- 5.2 Formulario de contacto
- 5.3 Mapa incrustado y datos de ubicación
- 5.4 Footer compartido
PROMPTS RELACIONADOS · MODA
