NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web para la marca ficticia CaféLuna, una cafetería boutique que vende productos y permite reservas. Usa una única página HTML con Tailwind CSS vía CDN y JavaScript vanilla (sin frameworks).
**Paleta de colores**: #3E2723 (marrón oscuro), #795548 (marrón medio), #FFE0B2 (crema), #FFFFFF (blanco), #C62828 (rojo café para acentos).
**Tipografía**:
- Encabezados: "Playfair Display", serif, peso 700.
- Texto corriente: "Inter", sans‑serif, peso 400.
- Botones: Inter bold.
**Header** (fixed, z‑50, bg‑white, shadow): logo a la izquierda (texto "CaféLuna" en Playfair), menú central con enlaces Home, About, Menu, Gallery, Reservation, Contact; los ítems Home, Pages y Services deben ser dropdowns con sub‑links (Home One, Home Two, etc.). A la derecha, ícono de carrito que abre un si
4.323 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.323 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 fija con logo, navegación y carrito
- 1.2 Hero con fondo de café, título y botón CTA
- 1.3 Tres columnas de conceptos clave
- 1.4 Galería de fotos en cuadrícula
- 1.5 Tarjetas de platos destacados del menú
- 1.6 Carrusel de testimonios de clientes
- 1.7 Formulario de reserva rápido
- 1.8 Footer con enlaces, redes y contacto
ABOUT
- 1.1 Cabecera reutilizada
- 1.2 Imagen grande con texto de historia
- 1.3 Equipo en tarjetas
- 1.4 Valores en iconos
- 1.5 Footer
MENU
- 1.1 Cabecera
- 1.2 Lista de categorías de platos con filtros
- 1.3 Tarjetas de producto con foto, descripción y botón "Añadir"
- 1.4 Footer
GALLERY
- 1.1 Cabecera
- 1.2 Masonry grid de imágenes con hover overlay
- 1.3 Footer
RESERVATION
- 1.1 Cabecera
- 1.2 Formulario de reserva completo (fecha, hora, personas, mensaje)
- 1.3 Mapa embebido
- 1.4 Footer
CONTACT
- 1.1 Cabecera
- 1.2 Formulario de contacto (nombre, email, mensaje)
- 1.3 Información de localización y teléfono
- 1.4 Footer
PROMPTS RELACIONADOS · RESTAURANTE Y COMIDA
