Carrito Iniciar sesión
RESTAURANTE Y COMIDA · Claude Design · HTML

AromaViva — Prompt de diseño web para Claude AI

Cafetería boutique con tienda online Café de origen, directo a tu taza.

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
AromaViva — vista previa
NUEVO PROMPT
PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
Crea un sitio web estático de una cafetería boutique llamado **AromaViva** siguiendo el estilo visual de la plantilla analizada. Utiliza **HTML5**, **Tailwind CSS (CDN)** y **JavaScript vanilla** en un solo archivo. **Paleta de colores**: - #4B2E2A (marrón oscuro) - #F5E9D5 (crema) - #C49A6F (acento dorado) - #FFFFFF (blanco) - #000000 (negro) **Tipografía**: - Fuente principal: `Inter` (sans‑serif) para párrafos y navegación. - Fuente secundaria: `Playfair Display` (serif) para titulares y hero. **Header**: barra fija con logo a la izquierda (texto “AromaViva” en Playfair, color #C49A6F), menú horizontal centrado (Home, Sobre Nosotros, Menú, Tienda, Contacto) en Inter, color #FFFFFF, hover subrayado. A la derecha, ícono de teléfono +34 123 456 789 y botón de carrito con badge
4.412 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
4.412 caracteres · licencia libre Solo descarga completa disponible
CLAUDE DESIGN

Convierte este prompt en diseño real

Instala Claude Design, pega el prompt y ve la interfaz cobrar forma al instante.

Instalar Claude Design ↗
CAPTURA COMPLETA · HOME
AromaViva — home completa
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 Encabezado fijo con logo, menú y botón carrito
  • 1.2 Hero de pantalla completa con fondo de café y llamada a la acción
  • 1.3 Bloque “Sobre nosotros” con texto y foto
  • 1.4 Sección de menú destacado en columnas
  • 1.5 Galería de productos en tarjetas con botón “Añadir al carrito”
  • 1.6 Área de newsletter con formulario simple
  • 1.7 Footer con enlaces de navegación, redes sociales y datos de contacto

ABOUT

  • 2.1 Encabezado interno con breadcrumb
  • 2.2 Texto descriptivo y fotos del equipo
  • 2.3 Valores de la marca en columnas
  • 2.4 Footer

MENU

  • 3.1 Encabezado interno
  • 3.2 Lista de categorías de café con imágenes
  • 3.3 Descripción de cada plato o bebida
  • 3.4 Footer

SHOP

  • 4.1 Encabezado interno
  • 4.2 Grid de productos con foto, nombre, precio y botón “Añadir”
  • 4.3 Filtros laterales (categoría, precio)
  • 4.4 Footer

CONTACT

  • 5.1 Encabezado interno
  • 5.2 Formulario de contacto (nombre, email, mensaje)
  • 5.3 Mapa incrustado y datos de localización
  • 5.4 Footer
PROMPTS RELACIONADOS · RESTAURANTE Y COMIDA

Otros prompts de la misma categoría