NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia EcoRitmo Studios usando solo HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Reproduce la estructura visual del sitio analizado sin copiar texto.
**Paleta de colores**:
- Fondo principal: #111111
- Texto principal: #F5F5F5
- Acents azul oscuro: #0A74DA
- Acents verde lima: #A4C639
- Hover/tint: #222222
**Tipografía**:
- Título y encabezados: 'Inter', peso 700, tamaño variable (h1 48px, h2 36px, h3 28px).
- Cuerpo: 'Inter', peso 400, 16px, line-height 1.6.
**Header** (fixed top, z‑index 50): logo a la izquierda (texto EcoRitmo), botón hamburguesa para móviles, menú colapsable con enlaces Home, Música, Noticias, Shows, Contacto, Tienda. A la derecha iconos de streaming (Spotify, Bandcamp, YouTube)
4.403 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.403 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 fija con logo, menú colapsable y enlaces (Home, Música, Noticias, Shows, Contacto, Tienda) + iconos de streaming y redes.
- 1.2 Carrito lateral derecho con lista de productos, cantidad y total.
- 1.3 Hero principal con título, subtítulo y botón "Explorar" sobre fondo oscuro.
- 1.4 Bloque "Música destacada" con carrusel de tarjetas (portada, título, botón reproducir).
- 1.5 Bloque "Últimas noticias" en grid de 3 columnas (imagen, título, extracto).
- 1.6 Bloque "Shows próximos" con listado de eventos (fecha, ciudad, enlace a detalle).
- 1.7 Bloque de suscripción al boletín (campo email y botón).
- 1.8 Footer con columnas: Sobre nosotros, Enlaces rápidos, Redes sociales, Contacto.
MÚSICA
- 2.1 Header común + hero que muestra la categoría.
- 2.2 Grid de lanzamientos (portada, título, botón).
- 2.3 Footer.
NOTICIAS
- 3.1 Header + lista de artículos en formato tarjeta.
- 3.2 Sidebar con categorías y archivo.
- 3.3 Footer.
SHOWS
- 4.1 Header + calendario de eventos con filtros por fecha/ciudad.
- 4.2 Detalle de cada show (fecha, lugar, mapa).
- 4.3 Footer.
CONTACTO
- 5.1 Header + formulario de contacto (nombre, email, mensaje).
- 5.2 Información de contacto y mapa embebido.
- 5.3 Footer.
TIENDA
- 6.1 Header + banner promocional.
- 6.2 Lista de productos (imagen, nombre, precio, botón añadir).
- 6.3 Filtros lateral (categorías, precios).
- 6.4 Footer.
CARRITO
- 7.1 Panel lateral derecho con resumen de productos, ajuste de cantidad, eliminación y subtotal.
- 7.2 Botón de checkout (sin integración).
- 7.3 Footer (minimal).
PROMPTS RELACIONADOS · MÚSICA Y BANDAS
Otros prompts de la misma categoría
PROMPTMúsica y bandas
Lúmina Club
★★★★★ 1.475 descargas
GRATIS0€
PROMPTMúsica y bandas
VozViva Media
★★★★★ 1.448 descargas
GRATIS0€
GPT Image 2
PROMPTMúsica y bandas
VozAura
★★★★★ 2.582 descargas
GRATIS0€
GPT Image 2
PROMPTMúsica y bandas
Banda Atlas
★★★★★ 3.719 descargas
GRATIS0€
google/gemini-2.5-flash-image