
NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático en un único archivo HTML que reproduzca el diseño visual y la estructura de una plantilla ecommerce para compositores clásicos, usando la marca ficticia AriaNova. Utiliza Tailwind CSS vía CDN y JavaScript vanilla para interactividad (menú hamburguesa, carrito modal, lightbox de videos). Paleta de colores: #2C3E50 (azul marino profundo), #34495E (gris azulado), #E74C3C (rojo acento), #ECF0F1 (gris claro fondo), #FFFFFF (blanco). Tipografía: 'Playfair Display' para títulos y 'Inter' para cuerpo.
Estructura requerida:
- Header fijado al top, con logo (texto AriaNova) a la izquierda, menú horizontal (Scores, Listen, Watch, Projects, Bio, Contact) y botón de carrito con contador rojo.
- Hero full‑width, fondo degradado azul → gris, título grande (h1) "AriaNova", sub
3.683 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.683 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 Cabecera fija con logo y menú
- 1.2 Hero con título, subtítulo y botón
- 1.3 Bloque de características (3 columnas)
- 1.4 Sección de productos destacados (tarjetas)
- 1.5 CTA secundaria
- 1.6 Footer con enlaces y redes
SCORES
- 2.1 Lista de partituras en cuadrícula
- 2.2 Filtros por categoría y precio
- 2.3 Botón "Agregar al carrito"
DISCOGRAFÍA
- 3.1 Lista de álbumes con carátula y reproductor embebido
- 3.2 Descripción y botón de compra
VIDEOS
- 4.1 Galería de videos en formato rejilla
- 4.2 Lightbox para reproducción
PROYECTOS
- 5.1 Tarjetas de proyecto con imagen, título y breve descripción
- 5.2 Enlace a detalle del proyecto
BIO
- 6.1 Texto biográfico con foto del autor
- 6.2 Cronología de obras
CONTACTO
- 7.1 Formulario de contacto (nombre, email, mensaje)
- 7.2 Información de contacto y mapa
CARRITO
- 8.1 Modal con listado de productos, cantidades y subtotales
- 8.2 Botón de checkout
CHECKOUT
- 9.1 Formulario de datos de facturación y pago
- 9.2 Resumen del pedido
PROMPTS RELACIONADOS · COMERCIO ELECTRÓNICO