NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia **Cocina Orion** (restaurante). Utiliza **HTML** con **Tailwind CSS CDN** y **JavaScript vanilla** en un único archivo. La web debe reproducir la estructura visual y los patrones UI del sitio analizado, sin copiar textos ni imágenes originales.
**Paleta de colores**:
- #2C1A1A (marrón oscuro)
- #F5E8D0 (beige claro)
- #C49C6A (dorado suave)
- #FFFFFF (blanco)
- #000000 (negro)
**Tipografía**:
- Heading: "Playfair Display", serif, peso 700
- Body: "Inter", sans-serif, peso 400
**Header**: barra fija, 100% ancho, fondo blanco con sombra ligera. Izquierda logo (texto "Cocina Orion" en Playfair, color #2C1A1A). Derecha icono de menú hamburguesa (animado) y carrito con contador. Al hacer clic en hamburguesa, se despliega un overla
4.619 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.619 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 Cabecera con logo, menú hamburguesa y carrito
- 1.2 Menú lateral overlay con enlaces a páginas principales
- 1.3 Hero principal con título, subtítulo y llamada a acción
- 1.4 Bloque de platos destacados en cuadrícula
- 1.5 Sección de testimonio con fondo de papel envejecido
- 1.6 Galería de imágenes estilo papel recortado
- 1.7 Formulario rápido de reserva
- 1.8 Footer con datos de contacto, enlaces legales y redes sociales
ABOUT
- 1.1 Cabecera común
- 2.1 Imagen hero descriptiva del restaurante
- 2.2 Texto sobre la historia y filosofía
- 2.3 Equipo culinario en tarjetas
- 2.4 Footer
MENU
- 1.1 Cabecera común
- 2.1 Lista de categorías de platos
- 2.2 Tarjetas de plato con foto, nombre, breve descripción y botón "Añadir"
- 2.3 Footer
RESERVATION
- 1.1 Cabecera común
- 2.1 Formulario de reserva con fecha, hora, personas y mensaje
- 2.2 Mapa incrustado
- 2.3 Footer
CONTACT
- 1.1 Cabecera común
- 2.1 Formulario de contacto rápido
- 2.2 Información de ubicación y horario
- 2.3 Footer
PROMPTS RELACIONADOS · RESTAURANTE Y COMIDA
