NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia Prenda Zenit, boutique de moda de lujo, usando únicamente HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. La web debe replicar el diseño analizado:
- **Paleta de colores**: #111111 (negro profundo), #FFFFFF (blanco), #C0C0C0 (gris claro), #D4AF37 (dorado suave) para acentos.
- **Tipografía**: Heading = "Playfair Display", serif; Body = "Inter", sans‑serif.
- **Header**: barra sticky con logo a la izquierda, menú horizontal (Home, About, Collections, News, Contact) en texto gris claro, efecto underline al hover, botón de carrito con icono SVG y contador redondo. Menú colapsable en móvil con íconos de hamburguesa (abierto/cerrado).
- **Hero**: sección full‑width, imagen de modelo en tono neutro, overlay oscuro 0.4,
3.872 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.872 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 sticky con logo, menú y carrito
- 1.2 Hero imagen grande con claim y botón principal
- 1.3 Cuadrícula de colecciones (3 columnas, hover overlay)
- 1.4 Sección de noticias recientes (tarjetas con imagen y extracto)
- 1.5 CTA newsletter (campo email y botón)
- 1.6 Footer (logo, enlaces institucionales, redes, copyright)
ABOUT
- 1.1 Banner interno con foto de fondo y título
- 1.2 Texto descriptivo de la marca con foto al lado
- 1.3 Valores y misión en iconos con breve copy
- 1.4 Equipo en tarjetas circulares
- 1.5 CTA de contacto
COLLECTIONS
- 1.1 Cabecera interna con título de colección
- 1.2 Filtros lateral (categorías, tallas, precios)
- 1.3 Grid de productos (4 columnas, hover zoom)
- 1.4 Paginación centrada
- 1.5 Footer compartido
NEWS
- 1.1 Lista de artículos en formato blog (imagen izquierda, título, extracto)
- 1.2 Barra lateral con categorías y archivo
- 1.3 Paginación inferior
- 1.4 Footer compartido
CONTACT
- 1.1 Formulario de contacto (nombre, email, mensaje, botón)
- 1.2 Mapa incrustado
- 1.3 Información de contacto (dirección, teléfono, email)
- 1.4 Footer compartido
PROMPTS RELACIONADOS · FASHION
