NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático para la marca ficticia Mesa Lira (tienda online de productos de diseño). Utiliza solo HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. El diseño debe replicar los patrones UI del sitio analizado:
- **Paleta de colores**: negro #000000, gris oscuro #1A1A1A, gris medio #4A4A4A, blanco #FFFFFF, acento azul eléctrico #0066FF.
- **Tipografía**: "Inter" para títulos y cuerpo, peso 400-700, tamaños fluidos (texto base 16px).
- **Header**: barra fija de 80px, fondo negro, logo a la izquierda (placeholder SVG), menú centrado con enlaces Home, About, Shop, Blog, Contact y un dropdown "Pages" con varios enlaces de ejemplo, botón de carrito a la derecha que muestra número de artículos.
- **Hero**: sección full‑width con fondo azul acento, título grande
3.875 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.875 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, menú desplegable y botón de carrito
- 1.2 Hero principal con título, subtítulo y botones CTA
- 1.3 Bloque de categorías con tarjetas enlazables
- 1.4 Sección de productos destacados en cuadrícula
- 1.5 Testimonios estilo carrusel
- 1.6 Suscripción al boletín con formulario breve
- 1.7 Footer con enlaces de navegación, redes sociales y datos de contacto
ABOUT
- 1.1 Encabezado interno con título y breadcrumb
- 1.2 Texto descriptivo con imagen acompañante
- 1.3 Valores de la marca en tarjetas
- 1.4 Equipo con fotos y breves biografías
- 1.5 Footer común
SHOP
- 1.1 Encabezado con filtros y barra de búsqueda
- 1.2 Lista de productos en grid, cada uno con imagen, nombre, precio y botón "Añadir al carrito"
- 1.3 Paginación inferior
- 1.4 Footer común
BLOG
- 1.1 Encabezado con título de blog y filtro de categorías
- 1.2 Lista de artículos en formato de tarjetas con imagen y resumen
- 1.3 Barra lateral con últimos artículos y newsletter
- 1.4 Footer común
CONTACT
- 1.1 Formulario de contacto con campos nombre, email, mensaje
- 1.2 Mapa incrustado y datos de ubicación
- 1.3 Footer común
PROMPTS RELACIONADOS · RESTAURANT AND FOOD
