NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia "Store Alba" (storealba.com), sector tostador artesanal de café frío, categoría Comercio electrónico. Usa solo HTML en un único archivo, con Tailwind CSS mediante CDN y JavaScript vanilla sin dependencias externas. Reproduce fielmente la estructura visual del sitio original:
- Header fijo con logo a la izquierda, menú desplegable "Todas las páginas" que muestra tres columnas (Menú, CMS, Admin) con enlaces, y botón de carrito con icono de lata negra y contador.
- Hero de ancho completo con fondo de imagen difusa, título grande, subtítulo y botón principal "Comprar ahora" con animación de círculos alrededor.
- Sección de enlaces rápidos en 3 columnas bajo el hero, estilo tarjetas con tipografía weight‑medium y colores tierra.
- Grid de
3.717 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.717 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, menú desplegable y botón de carrito
- 1.2 Hero con imagen principal y CTA "Comprar ahora"
- 1.3 Cuatro columnas de enlaces rápidos (Menú, CMS, Admin)
- 1.4 Sección de productos destacados en cuadrícula
- 1.5 Testimonios rotativos
- 1.6 Footer con enlaces de contacto, legal y redes sociales
PRODUCTOS
- 2.1 Lista de productos en cuadrícula con imagen, nombre y botón "Añadir al carrito"
- 2.2 Filtro lateral por categorías y atributos
PRODUCTO DETALLE
- 3.1 Imagen principal grande, galería de miniaturas
- 3.2 Descripción, características y variantes (sabor, tamaño)
- 3.3 Selector de cantidad y botón "Añadir al carrito"
CARRO DE COMPRA (sidebar)
- 4.1 Lista de ítems con miniatura, nombre, opciones, cantidad y precio
- 4.2 Subtotal y botón de checkout rápido
CONTACTO
- 5.1 Formulario de contacto con campos nombre, email, mensaje
- 5.2 Información de dirección y horarios
POLÍTICAS
- 6.1 Texto legal de privacidad y términos de venta
PROMPTS RELACIONADOS · E-COMMERCE
