NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web estática única para la marca ficticia "Sabor Vega" (saborvega.com) usando solo HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. El proyecto debe reproducir el diseño analizado:
- **Header**: barra fija, fondo negro semi‑transparente, logo SVG dual (dos versiones superpuestas) alineado a la izquierda, enlaces ancla "Sobre", "Platos", "Galería", "Testimonios", "Reserva" centrados, líneas decorativas delgadas bajo los enlaces.
- **Hero**: sección 100vh, fondo #111111, ilustración SVG abstracta (color principal #F2C94C) ocupando la mitad derecha, texto grande en Montserrat Bold (#FFFFFF) con subtítulo en Inter Regular (#CCCCCC), botón CTA con fondo #F2C94C y hover #E0B13A.
- **Sección Sobre nosotros**: contenedor max‑w-5xl, layout flex con imagen a la izq
4.186 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.186 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 con logo SVG y enlaces ancla
- 2.1 Hero con fondo oscuro y SVG animado, título y botón reserva
- 3.1 Bloque "Sobre nosotros" con texto y foto
- 4.1 Galería de platos en grid 3‑col, hover zoom
- 5.1 Testimonios en carrusel simple
- 6.1 Formulario de reserva rápido
- 7.1 Footer con información de contacto, redes y menú secundario
SOBRE NOSOTROS
- 1.1 Cabecera con título y subtítulo
- 1.2 Texto descriptivo y foto alineada
- 1.3 CTA a menú completo
PLATOS
- 1.1 Grid de tarjetas de plato, imagen, nombre y breve descripción
- 1.2 Filtro por categoría (tabs)
- 1.3 Botón "Ver detalle"
GALERÍA
- 1.1 Masonry de imágenes de interior y comida
- 1.2 Lightbox al hacer click
TESTIMONIOS
- 1.1 Carrusel con foto cliente, nombre y comentario
RESERVAS
- 1.1 Formulario: nombre, email, fecha, hora, número de personas
- 1.2 Botón enviar con validación simple
FOOTER
- 1.1 Logo pequeño, dirección, teléfono, email
- 1.2 Enlaces de navegación secundaria
- 1.3 Iconos de redes sociales
PROMPTS RELACIONADOS · RESTAURANTE Y COMIDA
