NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia "Bistro Aurora" (café boutique) usando solo un archivo HTML que incluya Tailwind CSS vía CDN y JavaScript vanilla (sin frameworks). El sitio debe reproducir la estructura y estilo del análisis:
- Paleta de colores: #2C2C2C (texto oscuro), #FFFFFF (fondo), #D97742 (acento principal), #F5F5F5 (gris claro para secciones), #000000 (negro para íconos).
- Tipografía: 'Inter', sans‑serif para todo el texto, pesos 400 y 600.
- Header fijo con logo (SVG abstracto), enlaces: Home, Menú, About, Blog, Gallery, Contact y botón de menú hamburguesa que despliega un overlay con los mismos enlaces y miniaturas de fondo.
- Hero: sección a pantalla completa con imagen de café, título grande, subtítulo y botón CTA "Descubre nuestro menú".
- Sección 3: "
3.395 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.395 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 Header con logo, navegación principal y botón de menú móvil
- 2.1 Hero con fondo a pantalla completa, título, subtítulo y botón CTA
- 3.1 Bloque "Sobre nosotros" con texto y foto lateral
- 4.1 Sección de menú destacado con tarjetas de productos
- 5.1 Galería de imágenes en cuadrícula responsiva
- 6.1 Últimas entradas del blog en cards horizontales
- 7.1 Formulario de contacto simple con campos nombre, email, mensaje
- 8.1 Footer con enlaces de navegación, datos de contacto y redes sociales
MENU
- 1.1 Header idéntico al home
- 2.1 Lista de categorías de platos con filtros
- 3.1 Grid de platos con foto, nombre, breve descripción y precio ficticio
- 4.1 Footer idéntico al home
ABOUT US
- 1.1 Header
- 2.1 Hero con imagen de fondo y lema
- 3.1 Texto descriptivo amplio y equipo en cards
- 4.1 Footer
BLOG
- 1.1 Header
- 2.1 Lista de artículos con imagen, título, excerpt y botón leer más
- 3.1 Paginación simple
- 4.1 Footer
GALLERY
- 1.1 Header
- 2.1 Galería tipo masonry con lightbox
- 3.1 Footer
CONTACT
- 1.1 Header
- 2.1 Formulario de contacto con campos y mapa estático
- 3.1 Footer
PROMPTS RELACIONADOS · RESTAURANT AND FOOD
