NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático para la marca ficticia "CaféAura" (cafeaura.com) usando HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. Replicar la estructura y estilo del sitio de referencia sin copiar textos ni imágenes.
**Paleta de colores**:
- Fondo principal: #111111
- Texto primario: #FFFFFF
- Texto secundario: #CCCCCC
- Accent amarillo: #F9C74F
- Accent verde oscuro: #264653
**Tipografía**:
- Headings: "Montserrat", sans-serif (weight 700)
- Body: "Inter", sans-serif (weight 400)
**Header**: barra de navegación fija con logo SVG (placeholder), enlaces a #about, #products, #benefits, #testimonial y botón CTA primario "Ordena ahora" con efecto hover de color invertido. Menú colapsable para móvil con icono hamburguesa.
**Hero**: sección a pantalla completa con
4.416 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.416 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 a secciones y botón primario
- 1.2 Hero con título destacado, subtítulo, imagen decorativa, video de fondo y botones CTA
- 1.3 Sobre nosotros con tarjetas animadas y texto overlay
- 1.4 Sabores populares con rejilla de productos y mini‑videos
- 1.5 Beneficios con iconos y descripciones en columnas
- 1.6 Testimonios en carrusel
- 1.7 Footer con enlaces, redes y suscripción
PRODUCTS
- 2.1 Cabecera de la página con título "Nuestros productos"
- 2.2 Grid de productos con imágenes, nombre, breve descripción y botón "Más info"
- 2.3 Filtro por categoría (bundles, cápsulas, variedades)
- 2.4 Footer reutilizado
ABOUT
- 3.1 Cabecera con título "Nuestra historia"
- 3.2 Texto descriptivo con imagen de fondo y efectos de paralaje
- 3.3 Equipo: tarjetas con foto, nombre y rol
- 3.4 Footer reutilizado
CONTACT
- 4.1 Formulario de contacto (nombre, email, mensaje) y mapa incrustado
- 4.2 Información de contacto y horarios
- 4.3 Footer reutilizado
PROMPTS RELACIONADOS · RESTAURANTE Y COMIDA
