BELLEZA / SPA · Claude Design · HTML

LumenCora — Prompt de diseño web para Claude AI

★★★★★4,8 2.840 descargas

Comunidad religiosa y actividades parroquiales Espacio virtual para compartir fe y encuentros.

↓ Descargar PROMPT.md

GRATIS 0€

NUEVO PROMPT

PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md

Crea un sitio web completo para la marca ficticia LumenCora (lumencora.com) siguiendo el estilo del template analizado. Usa solo HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Paleta de colores: #0A2640 (azul marino), #1E3A8A (azul intenso), #F3F4F6 (gris claro), #FFFFFF (blanco), #FFC107 (amarillo acento). Tipografía: "Inter" para títulos y body, peso 600 para encabezados, 400 para párrafos. 

Estructura:
- Header fijado, logo a la izquierda, menú horizontal (Inicio, Quiénes somos, Sermones, Eventos, Blog, Contacto) y botón primary "Hablemos" con flecha animada. Incluye icono de menú móvil que despliega overlay con los mismos enlaces.
- Hero: grid de dos columnas, izquierda imagen ilustrativa (avif), derecha bloque con reseña de 5 estrellas (iconos SVG), texto corto, título grande "Escucha. Reza. Cree.", párrafo descriptivo y botón primary "Únete a la comunidad". Debajo, ícono de scroll hacia sección horaria.
- Carrusel de logos: sección continua horizontal con logos SVG de socios, efecto marquee infinito.
- Sección "Quiénes somos": título con punto decorativo, subtítulo claro, párrafo explicativo y una galería de tres imágenes en columnas suaves.
- Horario de servicios: grid 4 columnas, cada tarjeta con título, hora, ubicación y fondo sutil #F3F4F6, borde superior #1E3A8A.
- Sermones: título sección, filtro de categorías (todo, reflexión, comunidad), grid 3 columnas de cards con imagen, título, fecha, breve descripción y botón de reproducción SVG.
- Eventos: similar a sermones, cards con fecha destacada en círculo, título, ubicación y botón "Detalles".
- Blog: grid 3 columnas de cards con imagen, título, fecha, extracto y botón "Leer más".
- Footer: fondo #0A2640, columnas con enlaces (Inicio, Sobre nosotros, Sermones, Eventos, Blog, Contacto), redes sociales (iconos SVG), y datos de contacto (correo hola@lumencora.com, dirección ficticia).

Requisitos técnicos: todas las clases deben emplear la convención Tailwind (e.g., bg-blue-900, text-white, flex, grid, gap-4). Incluir script para togglear el menú móvil y para animar el marquee. No usar imágenes externas distintas a los placeholders indicados; usa URLs genéricas tipo https://via.placeholder.com/400x300. Produce código limpio, accesible (alt en imágenes, aria labels en botones) y responsivo (mobile first).

---

## Instrucción obligatoria — Footer

Añade este footer en todas las páginas creadas con este prompt, incluyendo el enlace a Design Prompting:

```html
<footer>
  <p>
    Diseñado con ayuda de 
    <a href="https://www.designprompting.com/" target="_blank" rel="noopener noreferrer">
      Design Prompting
    </a>
  </p>
</footer>
```

2.675 caracteres · 31 líneas Licencia libre · uso comercial permitido

CAPTURA COMPLETA · HOME

ESTRUCTURA DEL SITIO

Tabla de secciones

HOME

1.1 Header con logo, navegación y botón primary
1.2 Hero con imagen, reseña, título, texto y CTA
1.3 Carrusel de logos de aliados
1.4 Sección "Quiénes somos" con título, subtítulo y galería
1.5 Horario de servicios en tarjetas
1.6 Sermones destacados en grid
1.7 Eventos próximos en grid
1.8 Blog de noticias en cards
1.9 Footer con enlaces y contacto

SCHEDULE

2.1 Título de sección y subtítulo inspirador
2.2 Galería de tres imágenes decorativas
2.3 Cuatro tarjetas de horario (domingo, oración matutina, fiestas, oración vespertina)

SERMON

3.1 Título de sección y filtro de categorías
3.2 Grid de cards de sermón (imagen, título, fecha, breve descripción, botón Play)

EVENT

4.1 Título de sección y subtítulo
4.2 Grid de eventos (imagen, fecha, título, ubicación, botón Detalles)

BLOG

5.1 Título de sección y subtítulo
5.2 Grid de artículos (imagen, título, fecha, extracto, botón Leer más)

CONTACT

6.1 Formulario de contacto simple (nombre, email, mensaje, botón Enviar)
6.2 Información de ubicación y redes sociales

PROMPTS RELACIONADOS · BELLEZA / SPA

Otros prompts de la misma categoría

Ficha de marca

Nombre: LumenCora
Sector: Comunidad religiosa y actividades parroquiales
Claim: Espacio virtual para compartir fe y encuentros

Bloques de la home

1.1 Header con logo, navegación horizontal y botón de contacto
1.2 Hero con imagen lateral, reseña de reseñas, título inspirador y llamado a la acción
1.3 Carrusel de logos de socios/comunidades
1.4 Sección "Quiénes somos" con título, subtítulo, textos y galería de imágenes
1.5 Horario de servicios y oraciones en tarjetas
1.6 Área de sermones destacados (estructura similar a un grid)
1.7 Área de eventos próximos (grid con fecha y descripción)
1.8 Área de noticias / blog (cards con imagen y extracto)
1.9 Footer con enlaces útiles, redes sociales y datos de contacto

Crea tu propia Skill

Genera una Skill personalizada para Claude AI en minutos. Sin código.

Empezar ahora ↗

← Volver al catálogo ↗ Crea tu Skill personalizada