NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Restaurante Orion" (restaurante y café con venta online) usando HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. La página debe reproducir fielmente la estructura y estilo del template analizado:
- Paleta de colores: #FFFFFF (fondo), #000000 (texto principal), #C69C6D (accento dorado), #F5F5F5 (neutro claro).
- Tipografía: headings con "Poppins", peso 700; cuerpo con "Inter", peso 400. Importar ambas fuentes desde Google Fonts.
- Header: navbar fija con logo (SVG placeholder), enlaces Home, Menú, Sobre nosotros, Contacto y botón de carrito que abre un modal. El enlace de carrito muestra número de ítems dinámico.
- Hero: sección ocupando pantalla completa, fondo de imagen gastronómica difuminada, título gran
4.039 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.039 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, enlaces y carrito modal
- 1.2 Hero principal con imagen de fondo, título y CTA
- 1.3 Cuadrícula de platos destacados
- 1.4 Beneficios con iconos
- 1.5 Testimonios rotativos
- 1.6 Llamado a la reserva/pedido
- 1.7 Footer con información y suscripción
MENÚ
- 2.1 Lista de categorías (Entrantes, Platos, Postres, Bebidas)
- 2.2 Tarjetas de producto con foto, nombre, descripción breve y botón "Añadir al carrito"
SOBRE NOSOTROS
- 3.1 Historia del restaurante con imagen a la izquierda y texto a la derecha
- 3.2 Valores y equipo con fotos circulares
CONTACTO
- 4.1 Formulario de contacto (nombre, email, mensaje)
- 4.2 Mapa incrustado y datos de ubicación
- 4.3 Horario de atención y teléfono
CARRITO (modal)
- 5.1 Lista de productos añadidos con imagen, nombre, precio, cantidad y botón eliminar
- 5.2 Resumen de subtotal y botón "Continuar al pago"
CHECKOUT
- 6.1 Formulario de datos de envío y pago (sin integración real)
- 6.2 Resumen del pedido y botón "Confirmar compra"
PROMPTS RELACIONADOS · RESTAURANTE Y COMIDA
