NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia ARIA SONORA, una plataforma de venta y streaming de música independiente. Utiliza HTML5 + Tailwind CSS (CDN) + JavaScript vanilla en un solo archivo. Paleta de colores: #0D0D0D (fondo principal), #1A1A1A (sectores), #E50914 (acentos), #FFFFFF (texto). Tipografía: Inter (sans-serif) para cuerpo y encabezados, con peso 400/600/700 según nivel.
Header: barra fija superior, fondo oscuro, logo SVG placeholder, menú con dropdowns (Demo, About, Albums, Store, All Pages) y botón de carrito modal con contador. En móvil, colapsar en hamburguesa y mostrar botón "Escucha ahora".
Home sections (en orden):
1.1 Navbar como descrito.
1.2 Hero: sección full‑width, fondo de imagen difuminada, título grande tipo H1, subtítulo breve, botón primary con ícon
3.939 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.939 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ús desplegables y botón de carrito
- 1.2 Hero con imagen de fondo oscura, título grande y botón "Escucha ahora"
- 1.3 Sección de destacados de álbumes con tarjetas y botón "Ver más"
- 1.4 Bloque de noticias recientes con miniaturas y resúmenes
- 1.5 Área de suscripción al boletín con campo de email y botón
- 1.6 Footer con enlaces de navegación, redes sociales y datos de contacto
ABOUT US
- 2.1 Header interno con título de página y breadcrumb
- 2.2 Texto descriptivo de la marca y misión
- 2.3 Equipo en tarjetas con foto y bio breve
- 2.4 Footer común
STORE
- 3.1 Cabecera de categoría con filtros
- 3.2 Grid de productos (álbumes, merch) con imagen, nombre, precio y botón "Añadir al carrito"
- 3.3 Paginación
- 3.4 Footer común
PRODUCT DETAIL
- 4.1 Imagen grande del producto y galería
- 4.2 Información del producto (título, descripción, precio, variantes)
- 4.3 Botón de compra y métricas de stock
- 4.4 Sección de productos relacionados
- 4.5 Footer común
NEWS
- 5.1 Lista de artículos con miniatura, título y extracto
- 5.2 Paginación
- 5.3 Footer común
Imagen generada con OpenRouter · Nano Banana (Gemini 2.5 Flash Image) · google/gemini-2.5-flash-image · 28/06/2026
PROMPTS RELACIONADOS · EDUCACIÓN
