NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Saborea Casa** (restaurante premium con venta online). Usa HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo.
**Alcance**: Home, About Us, Menu, Blog, Contact Us, y componentes reutilizables (header, footer, carrito modal). Replicar la estructura y patrones visuales del sitio original sin copiar texto.
**Paleta de colores**:
- Primario: #D97706 (naranja quemado)
- Secundario: #1F2937 (gris oscuro)
- Fondo: #F9FAFB (gris muy claro)
- Texto principal: #111827 (casi negro)
- Accent: #F59E0B (amarillo vibrante)
**Tipografía**:
- Fuente principal: 'Inter', sans-serif (cargada desde Google Fonts)
- Fuente secundaria: 'Playfair Display', serif para títulos hero.
**Header**: barra fija con logo a la izquierd
5.065 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
5.065 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, menú principal y carrito
- 1.2 Hero con imagen de fondo, título y botón CTA
- 1.3 Bloque de tarjetas de categorías (Entrantes, Platos principales, Postres)
- 1.4 Galería de platos destacados en grid
- 1.5 Sección de testimonios con carrusel
- 1.6 Blog destacado con últimas entradas
- 1.7 Footer con datos de contacto, enlaces sociales y legales
ABOUT US
- 2.1 Header reutilizado
- 2.2 Hero interno con título y descripción
- 2.3 Historia y valores en dos columnas
- 2.4 Equipo con fotos y breves biografías
- 2.5 Footer reutilizado
MENU
- 3.1 Header reutilizado
- 3.2 Grid de productos con imágenes, nombre, precio y botón "Añadir al carrito"
- 3.3 Filtros por categoría lateral
- 3.4 Footer reutilizado
BLOG
- 4.1 Header reutilizado
- 4.2 Lista de artículos con miniatura, título, excerpt y botón leer más
- 4.3 Sidebar con categorías y posts recientes
- 4.4 Footer reutilizado
CONTACT US
- 5.1 Header reutilizado
- 5.2 Formulario de contacto con campos nombre, email, mensaje y botón enviar
- 5.3 Mapa incrustado
- 5.4 Información de contacto rápida
- 5.5 Footer reutilizado
PROMPTS RELACIONADOS · RESTAURANTE Y COMIDA
