NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático de una cafetería artesanal llamada AromaMilla usando HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo.
**Objetivo**: reproducir el diseño visual y la estructura de la página analizada sin copiar textos ni imágenes originales. Usa patrones de UI: barra de navegación sticky con logo a la izquierda, enlaces (Sobre nosotros, Sabores, Testimonios, Contacto) y un botón primario "Ordenar ahora" con efecto hover que cambia de fondo y muestra un ícono de flecha.
**Paleta de colores** (extraída del original):
- #1A1A1A (casi negro) para fondos principales
- #F5E9D0 (crema suave) para secciones de texto
- #C59D5F (amarillo café) para acentos y botones
- #FFFFFF (blanco) para textos sobre fondos oscuros
- #7A5C3E (marrón profundo) para botones secundar
5.541 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
5.541 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 Barra de navegación fija con logo, enlaces a secciones y botón destacado
- 1.2 Hero con subtítulo, título resaltado, imagen decorativa, texto descriptivo, botón principal y botón de reproducción de vídeo, fondo de vídeo loop y ondas decorativas
- 1.3 Sección "Sobre nosotros" con tarjetas animadas de categorías de café y texto de misión con efectos de aparición
- 1.4 Sección "Sabores populares" con galería de tarjetas de productos, cada una con video corto o imagen estática
- 1.5 Sección de testimonios y llamada a la acción
- 1.6 Pie de página con enlaces, redes sociales e info de contacto
PRODUCTOS
- 2.1 Lista de productos destacados con tarjetas, imagen o video, nombre y breve descripción
- 2.2 Filtro de categorías (opcional) y botón de compra
SOBRE NOSOTROS
- 3.1 Historia de la marca con texto y fondo ilustrado
- 3.2 Equipo y valores
TESTIMONIOS
- 4.1 Carrusel de testimonios con foto, nombre y comentario
CONTACTO
- 5.1 Formulario simple de contacto y mapa embebido
- 5.2 Información de dirección, teléfono y correo
PROMPTS RELACIONADOS · RESTAURANTE Y COMIDA
