NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático en un solo archivo HTML que reproduzca el diseño visual y la estructura del sitio analizado, usando Tailwind CSS vía CDN y JavaScript vanilla. Marca ficticia: Estilo Alba (estiloalba.com). Paleta de colores: #000000 (negro), #FFFFFF (blanco), #F5F5F5 (gris claro), #CCCCCC (gris medio). Tipografía: "Inter" para títulos y cuerpo, cargada desde Google Fonts.
**Header**: barra de navegación fija, fondo blanco, logo SVG placeholder a la izquierda, menú hamburguesa a la derecha que abre un overlay con enlaces a "Home", "Colecciones", "Sobre nosotros" y "Puntos de venta". Los enlaces deben animarse con subrayado suave al hover.
**Home**:
1. Hero full‑width dividido en dos columnas. Columna izquierda: título grande "Áurea" y subtítulo "estudio" en fuentes Inter Bold,
4.203 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.203 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 con logo, menú hamburguesa y enlaces.
- 1.2 Hero dividida en dos columnas: texto (título, subtítulo, índice, párrafo, botón) y imagen destacada.
- 1.3 Sección de galería introductoria con título y párrafo descriptivo.
- 1.4 Rejilla de items de la colección con imagen y nombre.
- 1.5 Footer con enlaces a redes sociales.
COLLECTION
- 2.1 Encabezado interno con título de la colección.
- 2.2 Grid de productos similar al de la home.
- 2.3 Texto explicativo de la colección.
- 2.4 Footer reutilizado.
ABOUT
- 3.1 Texto institucional con imagen de apoyo.
- 3.2 Lista de valores o filosofía.
- 3.3 Footer reutilizado.
STOCKISTS
- 4.1 Mapa o lista de puntos de venta.
- 4.2 Formulario de contacto rápido.
- 4.3 Footer reutilizado.
PROMPTS RELACIONADOS · FASHION
