NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia Nami Sushi, restaurante de comida japonesa. Usa únicamente HTML estático, TailwindCSS vía CDN y JavaScript vanilla en un único archivo. El diseño debe reproducir los siguientes patrones UI extraídos de la referencia:
- **Paleta de colores**: #FFFFFF (fondo), #111111 (texto principal), #E53935 (rojo sushi accent), #F5F5F5 (gris claro para secciones), #000000 (negro para iconos).
- **Tipografía**: Fuente principal "Inter" (sans‑serif) para textos y "M PLUS Rounded 1c" para encabezados, ambas importadas desde Google Fonts.
- **Header**: barra superior fija con logo a la izquierda, menú horizontal (Home, Sobre nosotros, Platos, Menú, Blog, Contacto) y botón de carrito a la derecha que abre un sidebar derecho mostrando items, subtotales y
4.243 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.243 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 y botón carrito
- 1.2 Hero con imagen de fondo y llamada a la acción
- 1.3 Sobre nosotros
- 1.4 Platos destacados (grid de tarjetas)
- 1.5 Menú completo (tabs con categorías)
- 1.6 Blog (lista de entradas)
- 1.7 Reservas y contacto
- 1.8 Footer
SOBRE NOSOTROS
- 2.1 Imagen descriptiva
- 2.2 Texto institucional
- 2.3 Botón "Conócenos"
PLATOS DESTACADOS
- 3.1 Grid de 3‑4 tarjetas de platos con foto, nombre y breve descripción
- 3.2 Botón "Ver más"
MENÚ COMPLETO
- 4.1 Barra de tabs por categorías (Entrantes, Nigiri, Rolls, Sashimi, Bebidas)
- 4.2 Lista de ítems por categoría con nombre, precio y breve texto
- 4.3 Botón "Añadir al carrito"
BLOG
- 5.1 Tarjetas de artículo con imagen, título, extracto y fecha
- 5.2 Enlace a detalle del artículo
RESERVAS Y CONTACTO
- 6.1 Formulario de reserva (nombre, email, fecha, número de comensales)
- 6.2 Información de localización, teléfono y email
- 6.3 Mapa incrustado (placeholder)
FOOTER
- 7.1 Logo y claim corto
- 7.2 Enlaces rápidos (Home, Menú, Blog, Contacto)
- 7.3 Datos de contacto y horarios
- 7.4 Iconos sociales
PROMPTS RELACIONADOS · RESTAURANTE Y COMIDA

