NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Uva Noble** (uvanoble.com) siguiendo el estilo visual y estructural del template analizado. Utiliza **HTML5**, **Tailwind CSS CDN** y **JavaScript vanilla** en un único archivo.
**Paleta de colores**:
- #4A1F2C (vino tinto profundo)
- #8C564B (rosado suave)
- #F5F5F5 (gris muy claro de fondo)
- #FFFFFF (blanco)
- #212529 (gris oscuro para texto)
**Tipografía**:
- Encabezados: *Playfair Display* (serif elegante)
- Texto corrido: *Inter* (sans‑serif)
- Carga ambas fuentes desde Google Fonts.
**Header**: barra fija con logo a la izquierda, menú principal con ítems "Home", "Pages" (mega‑menu con dos columnas: "Sobre nosotros" → About, Team, Winery Tour, Awards, Wine Club; "Info" → Testimonials, Blog, FAQ, 404, Password), enlace d
4.588 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.588 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 carrito lateral
- 1.2 Hero principal con título, subtítulo y CTA
- 1.3 Bloque de categorías destacadas en cuadrícula
- 1.4 Sección de vitacultores destacados con imágenes y texto
- 1.5 Galería de productos recomendados con tarjetas y botones "Añadir al carrito"
- 1.6 Testimonios rotativos con foto y cita
- 1.7 Newsletter con formulario de suscripción
- 1.8 Footer con enlaces institucionales, redes sociales y datos de contacto
ABOUT
- 1.1 Hero interno con foto de bodega
- 1.2 Texto institucional y misión
- 1.3 Equipo con tarjetas de miembros
- 1.4 Valores en iconos
- 1.5 CTA a la tienda
SHOP
- 1.1 Filtros laterales (categoría, precio, variedad)
- 1.2 Grid de productos con foto, nombre, precio y botón
- 1.3 Paginación
PRODUCT DETAIL
- 1.1 Galería de imágenes del vino
- 1.2 Descripción, características y notas de cata
- 1.3 Selector de cantidad y botón "Añadir al carrito"
- 1.4 Sección de productos relacionados
BLOG
- 1.1 Lista de artículos con imagen, título, extracto y fecha
- 1.2 Sidebar con categorías y suscripción
CONTACT
- 1.1 Formulario de contacto con campos nombre, email, mensaje
- 1.2 Mapa incrustado y datos de la bodega
FAQ
- 1.1 Preguntas frecuentes en acordeón
- 1.2 CTA a la tienda
PROMPTS RELACIONADOS · RESTAURANTE Y COMIDA
