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 de una marca de moda conceptual llamada "Línea Arquitectónica". Usa Tailwind CSS vía CDN y JavaScript vanilla para la interacción del menú hamburguesa y animaciones de entrada. Paleta de colores: #111111 (negro profundo), #FFFFFF (blanco), #E5E5E5 (gris claro), #D4AF37 (oro suave) y #A0A0A0 (gris medio). Tipografía: headings con "Playfair Display" (serif) y cuerpo con "Inter" (sans‑serif).
Estructura:
- <header class="fixed top-0 w-full bg-white bg-opacity-90 backdrop-blur py-4"> contiene logo (SVG ficticio) a la izquierda, íconos de redes sociales a la derecha y un botón de menú hamburguesa que abre un <nav> overlay con enlaces "home", "colecciones", "sobre nosotros" y "stockists".
- <section id="hero" cl
3.963 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.963 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 Header con logo, menú hamburguesa y enlaces de navegación
- 1.2 Hero con títulos superpuestos, subtítulo, índice numérico y botón primario
- 1.3 Bloque descriptivo de presentación a la derecha del hero
- 1.4 Sección de galería introductoria con texto de contexto
- 1.5 Grid de productos con imagen y nombre superpuesto
- 1.6 Footer con enlaces sociales y datos de contacto
PROMPTS RELACIONADOS · ARCHITECTURE