NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático inspirado en el diseño de una tienda de café de especialidad, usando HTML+Tailwind CDN y JavaScript vanilla en un único archivo. Marca ficticia: Sabor Alba (saboralba.com). Paleta de colores: #3E2723 (marrón oscuro), #FFEB3B (amarillo vibrante), #FFFFFF (blanco), #F5F5F5 (gris claro) y #212121 (negro carbón). Tipografía: "Poppins" para títulos y "Inter" para cuerpos.
Estructura:
- Header fijo con logo a la izquierda, menú ancla (Sobre Nosotros, Sabores, Testimonios) centrado y botón primario "Ordena ahora" a la derecha. Menú colapsable en móvil con icono hamburguesa.
- Hero section ocupando la pantalla completa: subtítulo pequeño, título grande con la palabra "Café" en amarillo, imagen decorativa superpuesta, párrafo introductorio y dos botones CTA ("Nuestros p
4.127 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.127 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 con logo, enlaces ancla y botón principal
- 1.2 Hero con subtítulo, título destacado, imagen decorativa, texto introductorio y botones CTA
- 1.3 Sobre nosotros con tarjetas de categorías y texto decorativo
- 1.4 Sabores populares con tarjetas de producto y videos
- 1.5 Testimonios con carrusel de opiniones
- 1.6 Footer con información institucional
PRODUCTOS
- 2.1 Encabezado de sección "Sabores populares"
- 2.2 Rejilla de tarjetas de producto con video o imagen y nombre
- 2.3 Botón CTA "Ver más productos"
SOBRE NOSOTROS
- 3.1 Encabezado de sección "Sobre nosotros"
- 3.2 Cuadrícula de cinco tarjetas que representan categorías de productos (paquetes, cápsulas, tostado oscuro, tostado medio, orgánico)
- 3.3 Texto descriptivo con tipografía decorativa
TESTIMONIOS
- 4.1 Carrusel de testimonios con foto, nombre y comentario breve
FOOTER
- 5.1 Enlaces a Política de Privacidad, Términos y contacto
- 5.2 Íconos de redes sociales
- 5.3 Formulario de suscripción al boletín
PROMPTS RELACIONADOS · RESTAURANTE Y COMIDA
