NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Lino & Cañamo**, especializada en venta online de tejidos y accesorios artesanales. El proyecto debe estar en un único archivo HTML que incluya Tailwind CSS vía CDN y JavaScript vanilla para interactividad mínima (carrusel, toggle de menú móvil y apertura del carrito). Utiliza la siguiente paleta de colores: #2D2D2D (texto principal), #FFFFFF (fondo), #8A6D3B (acentos dorados), #F5F5F5 (gris claro), #C49A6C (hover botones). Tipografía: **Inter** para encabezados y párrafos, pesos 400 y 600, importada desde Google Fonts.
Estructura y contenido:
- **Header**: logo a la izquierda, menú horizontal con enlaces Home, About, Shop, Blog, Contact y un icono de carrito que muestra la cantidad de ítems. En móvil, colapsar a un botón hamburguesa que
4.538 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.538 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, navegación principal y acceso al carrito
- 1.2 Hero con título, subtítulo y botón CTA
- 1.3 Sección de categorías destacadas en cuadrícula
- 1.4 Bloque de productos en carrusel con tarjetas
- 1.5 Área de ventajas o valores diferenciales con iconos
- 1.6 Testimonios de clientes en carrusel
- 1.7 Llamada a la newsletter con formulario corto
- 1.8 Footer con enlaces institucionales, redes y datos de contacto
ABOUT US
- 2.1 Header idéntico al Home
- 2.2 Hero interno con imagen y breve descripción
- 2.3 Historia de la marca en sección de texto e imágenes
- 2.4 Equipo con tarjetas y fotos
- 2.5 Valores y misión en bloques con iconos
- 2.6 Footer
SHOP
- 3.1 Header
- 3.2 Hero de categoría
- 3.3 Filtros laterales y barra de búsqueda
- 3.4 Grid de productos con tarjetas (imagen, nombre, precio, botón añadir)
- 3.5 Paginación
- 3.6 Footer
PRODUCT DETAIL
- 4.1 Header
- 4.2 Galería de imágenes del producto
- 4.3 Información del producto (nombre, descripción, precio, selector de variante)
- 4.4 Botón añadir al carrito
- 4.5 Productos relacionados en carrusel
- 4.6 Footer
BLOG
- 5.1 Header
- 5.2 Lista de artículos en tarjetas con imagen, título y extracto
- 5.3 Sidebar con categorías y últimas entradas
- 5.4 Footer
CONTACT
- 6.1 Header
- 6.2 Formulario de contacto (nombre, email, mensaje)
- 6.3 Mapa incrustado
- 6.4 Información de contacto y redes
- 6.5 Footer
PROMPTS RELACIONADOS · E-COMMERCE
