EVENTOS · Claude Design · HTML

FestivaLuz — Prompt de diseño web para Claude AI

★★★★★4,6 2.920 descargas

Organización de eventos temáticos y fiestas privadas Creando momentos inolvidables.

↓ Descargar PROMPT.md

GRATIS 0€

NUEVO PROMPT

PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md

Crea una página web completa para la marca ficticia **FestivaLuz** (organizador de eventos temáticos) usando **HTML estático**, **Tailwind CSS CDN** y **JavaScript vanilla** en un solo archivo. Reproduce fielmente la estructura y estilo del sitio analizado:

- **Paleta de colores**: #FF6F61 (coral vibrante), #2C3E50 (azul marino oscuro), #F5F5F5 (gris muy claro), #FFFFFF (blanco), #333333 (texto principal).
- **Tipografía**: `Poppins` para títulos (peso 700) y `Inter` para cuerpo (peso 400). Cargar ambas desde Google Fonts.
- **Header**: barra fija con logo a la izquierda, menú principal con dropdowns (Demos, About, All Pages) y enlaces simples (Services, Events). Botón CTA "party with us" a la derecha y icono de carrito que muestra número de items.
- **Hero**: sección a pantalla completa con imagen de fondo difuminada, título grande en coral, subtítulo en blanco y botón primario "Descubre nuestras fiestas".
- **Sección de servicios**: tres columnas, cada una con ícono circular, título y breve descripción, fondo blanco y sombra ligera.
- **Galería**: cuadrícula responsive de 4 columnas en desktop, 2 en tablet, 1 en móvil; imágenes con efecto hover zoom.
- **Testimonios**: carrusel automático (usar simple setInterval) con tarjetas de texto, foto de cliente y rating de estrellas.
- **Blog**: grid de tarjetas con imagen, título, extracto y botón "Leer más".
- **Footer**: fondo azul marino, columnas de enlaces (Empresa, Soporte, Legal), iconos de redes sociales (SVG), y formulario de suscripción simple con input y botón.
- **Interactividad**: dropdowns que se despliegan al hover, carrito que muestra contador (simulado con JS), carrusel de testimonios, smooth scroll para anclas.
- **Responsivo**: usar utilidades Tailwind para adaptar layout a mobile first.
- **Accesibilidad**: añadir atributos `aria-` donde corresponda, focos visibles y contraste suficiente.
- **Sin librerías externas** más allá de Tailwind y Google Fonts.

Entrega el código completo, bien indentado, listo para copiar en un archivo `index.html` y abrir en el navegador.

---

## 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.408 caracteres · 34 líneas Licencia libre · uso comercial permitido

CAPTURA COMPLETA · HOME

ESTRUCTURA DEL SITIO

Tabla de secciones

HOME

1.1 Barra de navegación fija con logo, menú desplegable y carrito
2.1 Hero con fondo ilustrado, título destacado y botón CTA
3.1 Sección de servicios en tres columnas con íconos y descripciones
4.1 Galería de eventos en cuadrícula responsive
5.1 Testimonios en carrusel automático
6.1 Últimas entradas del blog en tarjetas
7.1 Footer con enlaces de navegación, redes sociales y formulario de newsletter

SERVICES

1.1 Encabezado de página y breadcrumbs
2.1 Lista de servicios con imágenes y CTA "Contratar"
3.1 Preguntas frecuentes
4.1 Footer idéntico al Home

EVENTS

1.1 Encabezado y filtro de eventos
2.1 Tarjetas de eventos con imagen, fecha y botón "Ver detalle"
3.1 Footer

ABOUT US

1.1 Hero con texto institucional
2.1 Historia en dos columnas
3.1 Equipo con tarjetas de perfil
4.1 Valores en iconos
5.1 Footer

BLOG

1.1 Lista de artículos con imagen, título, extracto y botón "Leer más"
2.1 Sidebar con categorías y newsletter
3.1 Footer

PROMPTS RELACIONADOS · EVENTOS

Otros prompts de la misma categoría

Ficha de marca

Nombre: FestivaLuz
Sector: Organización de eventos temáticos y fiestas privadas
Claim: Creando momentos inolvidables

Bloques de la home

1.1 Barra de navegación fija con logo, menú desplegable y carrito; 2.1 Hero con imagen de fondo, título y botón CTA; 3.1 Sección de servicios con tarjetas horizontales; 4.1 Galería de eventos con cuadrícula de imágenes; 5.1 Testimonios en carrusel; 6.1 Blog con tarjetas de artículos; 7.1 Footer con enlaces, redes sociales y suscripción

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

FestivaLuz — Prompt de diseño web para Claude AI

Cópialo y pégalo en Claude Design

Tabla de secciones

HOME

SERVICES

EVENTS

ABOUT US

BLOG

Otros prompts de la misma categoría

Lúmina Creaciones

FiestaMágica

AeroVista

Ágora Aventuras