NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático de una sola página para la marca ficticia **SakuraSabor** (restaurante de sushi y catering) usando **HTML**, **Tailwind CSS (CDN)** y **JavaScript vanilla** en un único archivo. El diseño debe replicar los patrones visuales del sitio analizado:
- **Paleta de colores**: fondo negro profundo #0a0a0a, acentos rojo cerezo #c7222e, verde jade #2e8b57, blanco puro #ffffff y gris suave #f4f4f4.
- **Tipografía**: encabezados con *Playfair Display* (Google Fonts) y cuerpo con *Inter*.
- **Header**: barra de navegación fija, logo SVG a la izquierda, enlaces ancla (Home, About, Menu, Catering) centrados, botón primario rojo "Order Now" a la derecha. Menú colapsable en móvil (icono hamburguesa animado con Lottie JSON).
- **Sección Hero**: fondo negro, título grande con efe
4.079 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.079 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, enlaces y botón "Order Now"
- 1.2 Hero: título principal, subtítulo con contador, descripción y CTA
- 1.3 Sobre nosotros: ilustración, encabezado y párrafo descriptivo
- 1.4 Menú: encabezado, descripción y tarjetas de platos con nombre, precio y descripción breve
- 1.5 Catering: dos columnas, imágenes, lista de características y CTA
- 1.6 Crafting: tres columnas con imágenes decorativas, texto y CTA
- 1.7 Crafting 02: fondo grande, título, botón y párrafo histórico
CONTACT
- 2.1 Formulario de contacto (no presente en el HTML original, pero se incluye como ancla "#Contact" para el botón)
FOOTER
- 3.1 Pie de página minimalista con enlaces de redes sociales y copy de derechos
PROMPTS RELACIONADOS · RESTAURANTE Y COMIDA
