NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Create a complete single‑file website for the fictional brand **Shop Andina** (beauty e‑commerce) using only HTML, Tailwind CSS CDN and vanilla JavaScript. The design must replicate the visual patterns and layout hierarchy of the provided source without copying any text or assets.
**Brand details**
- Name: Shop Andina
- Domain: shopandina.com
- Claim: Productos elegantes para tu rutina diaria
- Email: hola@shopandina.com
- Year: 2026
- Category: Comercio electrónico
**Palette** (hex):
- Primary: #2C3E50 (deep navy)
- Secondary: #E74C3C (vibrant coral)
- Accent: #F1C40F (golden)
- Background: #F9F9F9 (light gray)
- Text: #333333 (dark gray)
**Typography**
- Headings: 'Playfair Display', serif (Google Font)
- Body: 'Inter', sans‑serif (Google Font)
**Header**
- Top bar (height 48px) with
4.973 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.973 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 Cabecera superior con slogan, búsqueda, enlaces rápidos y carrito modal
- 1.2 Barra de navegación principal con logo, links principales y dropdown de recursos
- 1.3 Hero con imagen grande y llamado a la acción
- 1.4 Bloque de presentación de la marca con texto destacado
- 1.5 Cuadrícula de colecciones destacadas (4 tarjetas)
- 1.6 Sección de productos en oferta con carrusel simple
- 1.7 Testimonios de clientes en formato grid
- 1.8 Últimos artículos del blog en lista horizontal
- 1.9 Pie de página con navegación secundaria, redes sociales y datos de contacto
ABOUT US
- 2.1 Cabecera simplificada con logo y menú
- 2.2 Banner interno con título y descripción breve
- 2.3 Texto histórico y visión de la marca
- 2.4 Equipo en tarjetas con foto y rol
- 2.5 Valores de la empresa en iconos
- 2.6 Footer común
SHOP
- 3.1 Cabecera con filtros y búsqueda avanzada
- 3.2 Grid de productos (4 columnas) con foto, nombre, precio y botón "Añadir"
- 3.3 Paginación al pie de la lista
- 3.4 Footer común
BLOG
- 4.1 Listado de artículos en tarjetas con imagen, título, extracto y fecha
- 4.2 Sidebar con categorías y newsletter
- 4.3 Footer común
CONTACT
- 5.1 Formulario de contacto con campos nombre, email, mensaje
- 5.2 Mapa incrustado y datos de sede
- 5.3 Footer común
PROMPTS RELACIONADOS · COMERCIO ELECTRÓNICO