NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia Atelier Aurora (atelieraurora.com) siguiendo el estilo visual y la estructura de la plantilla analizada. Usa únicamente HTML estático en un único archivo, con Tailwind CSS vía CDN y JavaScript vanilla para interacciones (menú desplegable, carrito modal).
Paleta de colores (hex):
- Fondo oscuro: #111111
- Fondo claro: #1F1F1F
- Texto principal: #FFFFFF
- Texto secundario: #CCCCCC
- Azul acento: #3B82F6
- Rojo acento: #EF4444
Tipografía: Inter (Google Fonts) para títulos y body, peso 400/600.
Estructura:
HEADER (navbar) - posición fixed, alto 80px, fondo #1F1F1F, logo SVG ficticio, menú con 4 niveles (Demos, About, Albums, Store, All Pages) usando dropdowns que aparecen al hover en desktop y colapsan en móvil. Botón de carrito con ícono
4.163 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.163 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 Navbar fijo con logo, menú desplegable multi‑nivel y botón de carrito
- 1.2 Hero principal con título, subtítulo y CTA "Escucha ahora"
- 1.3 Bloque de destacados de álbumes en grid responsive
- 1.4 Sección de noticias recientes con cards
- 1.5 Área de suscripción al boletín
- 1.6 Footer con enlaces de navegación, redes sociales y datos de contacto
ALBUMES
- 1.1 Grid de álbumes con portada, título y botón "Ver más"
- 1.2 Paginación inferior
- 1.3 Footer repetido
DETALLE ALBUM
- 1.1 Imagen grande del álbum
- 1.2 Información del álbum (título, artista, descripción)
- 1.3 Lista de pistas
- 1.4 Botón de compra
- 1.5 Footer
TIENDA
- 1.1 Grid de productos con imagen, nombre, precio y botón "Añadir al carrito"
- 1.2 Filtros laterales (categoría, rango de precio)
- 1.3 Footer
DETALLE PRODUCTO
- 1.1 Imagen principal del producto
- 1.2 Galería de imágenes
- 1.3 Descripción, opciones (talla, color) y precio
- 1.4 Botón "Añadir al carrito"
- 1.5 Footer
NEWS
- 1.1 Lista de artículos con imagen, título y extracto
- 1.2 Paginación
- 1.3 Footer
DETALLE NOTICIA
- 1.1 Imagen destacada
- 1.2 Título y contenido completo
- 1.3 Footer
CONTACTO
- 1.1 Formulario de contacto (nombre, email, mensaje)
- 1.2 Información de contacto y mapa
- 1.3 Footer
PROMPTS RELACIONADOS · MODA
