NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Sabor Atlas" (saboratlas.com). Usa HTML estático con Tailwind CSS vía CDN y JavaScript vanilla en un solo archivo. Paleta de colores: #2C1A1A (marrón oscuro), #D9A66B (dorado cálido), #F5F5F5 (gris muy claro), #FFFFFF (blanco) y acentos #C0392B (rojo intenso). Tipografía: headings con "Playfair Display" (serif), cuerpo con "Open Sans" (sans‑serif).
Estructura:
- Header fijo con logo a la izquierda, menú horizontal (Home, About, Menu, Contact) y botón de carrito que muestra número de ítems. En móvil colapsa a ícono de hamburguesa y botón de contacto rápido.
- Hero: sección a pantalla completa, fondo de imagen de café, título grande "Sabor Atlas", subtítulo descriptivo, botón CTA "Reserva ahora" que ancla a la sección de reserva.
- Sección
3.675 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.675 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 Encabezado fijo con logo, menú principal y mini‑carrito
- 2.1 Hero de gran formato con título, subtítulo y botón CTA
- 3.1 Bloque "Nuestra historia" con texto al lado de una imagen
- 4.1 Destacados del menú en tarjetas con foto, nombre y breve descripción
- 5.1 Testimonios en carrusel de citas
- 6.1 Llamado a la reserva con formulario simple
- 7.1 Pie de página con enlaces, datos de contacto, redes sociales y suscripción al boletín
ABOUT
- 1.1 Encabezado (igual que Home)
- 2.1 Imagen de cabecera con título "Sobre nosotros"
- 3.1 Texto descriptivo ampliado y galería de fotos
- 4.1 Equipo en tarjetas con nombre y rol
- 5.1 Pie de página
MENU
- 1.1 Encabezado
- 2.1 Lista de categorías de platos en tabs
- 3.1 Tarjetas de platos con foto, nombre, precio y botón "Añadir"
- 4.1 Pie de página
CONTACT
- 1.1 Encabezado
- 2.1 Formulario de contacto (nombre, email, mensaje, botón enviar)
- 3.1 Mapa incrustado y datos de localización
- 4.1 Pie de página
PROMPTS RELACIONADOS · RESTAURANTE Y COMIDA
