NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
You are Claude Design. Create a complete single‑file web template for the fictitious fashion brand **Lino & Brío** (linoybrio.com). The project must be built with **HTML**, **Tailwind CSS CDN**, and **vanilla JavaScript** only (no external JS frameworks). Replicate the visual pattern of the analysed site:
- **Palette**: primary #1a1a1a (deep charcoal), accent #e63946 (vibrant red), secondary #f1f1f1 (light gray), highlight #ffb400 (warm amber).
- **Typography**: Heading font "Playfair Display" (serif, bold) and body font "Inter" (sans, regular). Load both from Google Fonts.
- **Header**: Sticky top bar, left‑aligned logo text "LINO & BRÍO" in uppercase, navigation links (Home, About, Shop, Blog) with underline hover animation, right‑aligned cart button showing item count badge.
- **Cart**
3.919 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.919 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 fija con logo, enlaces y botón de carrito
- 1.2 Hero de pantalla completa con imagen de fondo y título grande centrado
- 1.3 Bloque de colecciones en grid de 3 columnas con imágenes y títulos
- 1.4 Slider de productos destacados con controles laterales
- 1.5 Sección de suscripción al boletín con formulario minimalista
- 1.6 Footer con enlaces de información, redes sociales y datos de contacto
ABOUT US
- 2.1 Header interno con título de página
- 2.2 Texto descriptivo de la marca y su historia
- 2.3 Imagen a la izquierda y texto a la derecha en layout split
- 2.4 Valores de la marca en columnas de icono + texto
- 2.5 Footer compartido
SHOP
- 3.1 Cabecera con filtros y búsqueda
- 3.2 Grid de productos (4 columnas) con imagen, nombre y botón "Añadir al carrito"
- 3.3 Paginación inferior
- 3.4 Footer compartido
BLOG
- 4.1 Lista de artículos en tarjetas con imagen, título y extracto
- 4.2 Barra lateral con categorías y newsletter
- 4.3 Footer compartido
PROMPTS RELACIONADOS · FASHION
