NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia SabroVida (sabrovivid.com) siguiendo los siguientes requisitos:
- Stack: HTML único, Tailwind CSS vía CDN, JavaScript vanilla incrustado en el mismo archivo.
- Paleta de colores: #F7EDE2 (crema clara), #D4A373 (marrón tostado), #3A3A3A (gris oscuro), #FFFFFF (blanco), #E63946 (rojo coral para acentos).
- Tipografía: "Inter" para textos y "Playfair Display" para títulos, cargadas desde Google Fonts.
- Header: barra de navegación fija, logo a la izquierda (texto SabroVida), menú con tres niveles (Home, Sobre Nosotros, Menú). El nivel "Menú" despliega un mega‑menu con miniaturas de 8 productos (imagen cuadrada 70x70, nombre bajo la imagen). Incluye botón CTA "Ver Todo el Menú" dentro del dropdown.
- Hero: sección completa de altura de pantal
3.957 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.957 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 y menú multivinculo
- 1.2 Hero con fondo de imagen, título, subtítulo y botón CTA
- 1.3 Bloque de tarjetas de producto (grid 4 columnas) con imagen, nombre y enlace
- 1.4 Sección de testimonios con carrusel automático
- 1.5 Llamada a la acción secundaria (suscripción newsletter)
- 1.6 Footer con enlaces de página, información de contacto y redes sociales
MENÚ
- 2.1 Página de menú con listado de productos en tarjetas, filtro por categorías
CATÁLOGO PRODUCTO
- 3.1 Detalle de producto con galería de imágenes, descripción, botón "Añadir al carrito"
CARRO DE COMPRA
- 4.1 Vista del carrito con lista de ítems, resumen de precios y botón de checkout
CHECKOUT
- 5.1 Formulario de datos de envío y pago, resumen final y botón de confirmar compra
PROMPTS RELACIONADOS · RESTAURANTE Y COMIDA
