NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Mesa Atlas" (restaurante contemporáneo) usando sólo un archivo HTML que incluya TailwindCSS vía CDN y JavaScript vanilla. El proyecto debe reproducir el diseño de la plantilla analizada, respetando estos requisitos:
1. **Estructura de carpetas**: todo en un único archivo `index.html`.
2. **Head**: incluye `<meta charset="utf-8">`, viewport, enlace a Tailwind CDN (`https://cdn.tailwindcss.com`), y fuente Google **Inter** (peso 400 y 600). Define la paleta de colores personalizada en `tailwind.config` dentro del script:
- Primary: #D97706 (ocre intenso)
- Accent: #F3F4F6 (gris muy claro)
- Background: #FFFFFF
- Text: #1F2937 (gris oscuro)
- Card: #F9FAFB
3. **Tipografía**: usar `font-sans` con Inter; headings en `font-semibol
4.758 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.758 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 Navbar fijo con logo, enlaces (Menú, Sobre nosotros, Contacto) y botón de carrito modal
- 2.1 Hero full‑width con imagen de fondo, título grande y botón "Descubrir"
- 3.1 Grid de 3 tarjetas que muestran platos destacados, imagen, nombre y botón "Ver detalle"
- 4.1 Bloque de historia con texto a la izquierda y foto a la derecha
- 5.1 Carrusel de testimonios, 2‑3 tarjetas con foto y comentario
- 6.1 Formulario de newsletter con campo email y botón "Suscríbete"
- 7.1 Footer con columnas: Información, Enlaces rápidos, Redes sociales, Copyright
MENÚ
- 1.1 Lista de categorías del menú en formato tabla o grid, con imágenes y precios ficticios
- 2.1 Botón de volver al inicio
SOBRE NOSOTROS
- 1.1 Texto institucional, foto del equipo y valores
- 2.1 Botón "Conócenos"
CONTACTO
- 1.1 Formulario de contacto (nombre, email, mensaje) + mapa estático
- 2.1 Información de localización y horarios
CARRO DE COMPRA (modal)
- 1.1 Lista de artículos con miniatura, nombre, precio, cantidad editable y botón eliminar
- 2.1 Subtotal y botón "Proceder al pago"
CHECKOUT
- 1.1 Resumen de pedido, formulario de datos de facturación y botón "Confirmar compra"
PROMPTS RELACIONADOS · RESTAURANTE Y COMIDA
