MÚSICA Y BANDAS · Claude Design · HTML

EcoRitmo — Prompt de diseño web para Claude AI

★★★★★4,7 656 descargas

Plataforma de venta de billetes y merchandising para eventos musicales Tu entrada al sonido en directo.

↓ Descargar PROMPT.md

GRATIS 0€

NUEVO PROMPT

PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md

Crea un sitio web completo llamado EcoRitmo (dominio ecoritmo.com) usando HTML estático con Tailwind CSS vía CDN y JavaScript vanilla en un solo archivo. Emula el diseño de una tienda de entradas y merchandising para festivales, siguiendo estos lineamientos:

- Paleta de colores: #1A1A2E (fondo principal), #16213E (nav/footer), #0F3460 (botones), #E94560 (acentos), #FFFFFF (texto). 
- Tipografía: Inter (cargada desde Google Fonts) para todo el texto, peso 400‑600.
- Header (navbar) fijo, con logo de texto "EcoRitmo", menú horizontal (Home, Lineup, Tickets, About, News, Contact), íconos de teléfono, email y ubicación a la izquierda (solo escritorio), íconos de redes sociales a la derecha, y botón de carrito con contador.
- Hero: sección full‑width con fondo degradado azul‑oscuro a rojo, título grande "eco" en mayúsculas, subtítulo opcional y botón "Descubre más".
- Sección 1: "Próximos artistas" con grid responsive (3‑col en desktop, 2‑col en tablet, 1‑col en móvil). Cada tarjeta muestra imagen, nombre del artista y botón "Ver perfil".
- Sección 2: "Entradas" con tabla de precios (General, VIP, Backstage) y botones "Comprar" que abren un modal de confirmación simple.
- Sección 3: "Noticias" con cards de artículo (imagen, título, extracto, enlace "Leer más").
- Footer oscuro con tres columnas: Navegación rápida, Información de contacto (tel, email, dirección) y Redes sociales.
- Implementa un carrito flotante que muestra cantidad de ítems y abre un dropdown con lista de productos, subtotal y botón "Continuar al checkout".
- Todos los botones y enlaces usan clases de Tailwind para hover, focus y transiciones.
- Utiliza componentes reutilizables (navbar, footer, card, modal) y garantiza accesibilidad (aria‑labels, roles).
- No incluir textos reales; generar contenido ficticio en español, activo y sin jerga.
- El archivo debe contener la estructura completa de todas las páginas (Home, Lineup, Tickets, About, News, Contact) como secciones ancladas dentro del mismo HTML, con navegación que hace scroll suave.
- Añade scripts para toggles de menú móvil, carrito y modales.
- Optimiza para SEO básico: meta title, description, viewport y etiquetas semánticas.

Entrega el código listo para copiar‑pegar en un archivo index.html.

---

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

CAPTURA COMPLETA · HOME

ESTRUCTURA DEL SITIO

Tabla de secciones

HOME

1.1 Navbar con logo, menú, íconos de contacto y redes, carrito de compra
1.2 Hero con título destacado y fondo degradado
1.3 Sección "Próximos artistas" con rejilla de cards
1.4 Sección de venta de entradas con botones de llamado a la acción
1.5 Bloque de noticias con listado de artículos
1.6 Footer con enlaces rápidos, contactos y redes sociales

LINEUP

2.1 Cabecera con título "Lineup"
2.2 Grid de artistas con foto, nombre y botón "Ver perfil"
2.3 Footer

TICKETS

3.1 Cabecera con título "Tickets"
3.2 Tabla de precios y botón de compra
3.3 FAQ colapsable
3.4 Footer

ABOUT

4.1 Cabecera con título "Sobre nosotros"
4.2 Texto descriptivo y fotos del equipo
4.3 Valores en tarjetas
4.4 Footer

NEWS

5.1 Cabecera con título "Noticias"
5.2 Lista de artículos con imagen, extracto y botón "Leer más"
5.3 Paginación
5.4 Footer

CONTACT

6.1 Cabecera con título "Contacto"
6.2 Formulario de contacto (nombre, email, mensaje, botón enviar)
6.3 Mapa incrustado
6.4 Footer

PROMPTS RELACIONADOS · MÚSICA Y BANDAS

Otros prompts de la misma categoría

Ficha de marca

Nombre: EcoRitmo
Sector: Plataforma de venta de billetes y merchandising para eventos musicales
Claim: Tu entrada al sonido en directo

Bloques de la home

1.1 Navbar con logo, menú, íconos de contacto y redes, carrito de compra
1.2 Hero con título destacado y fondo degradado
1.3 Sección "Próximos artistas" con rejilla de cards
1.4 Sección de venta de entradas con botones de llamado a la acción
1.5 Bloque de noticias con listado de artículos
1.6 Footer con enlaces rápidos, contactos y redes sociales

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