NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia "Tienda Andina" (tiendaandina.com), sector tienda online de cosmética, usando solo HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo.
**Alcance**: replicar fielmente el diseño analizado: barra de navegación fija con logotipo SVG, enlaces (Sobre Nosotros, Categorías, Tienda, Blog, Páginas > FAQ, Reseñas, Guía de estilo, Contacto, Registro), iconos de búsqueda y carrito con contador dinámico, hero principal con fondo de alta calidad y CTA "Explorar colección", sección de categorías en grid de 4 tarjetas con hover, carrusel de productos destacados (JS simple con transición), slider de testimonios, bloque de últimos artículos del blog, y footer con cuatro columnas (logo + descripción, enlaces útiles, newsletter, redes sociales
4.323 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.323 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 logotipo, enlaces y carrito
- 1.2 Hero principal con imagen de fondo y CTA
- 1.3 Cuadrícula de categorías (4 tarjetas)
- 1.4 Carrusel de productos destacados
- 1.5 Testimonios de clientes (slider)
- 1.6 Blog reciente (tarjetas)
- 1.7 Footer con información de contacto, enlaces, suscripción y redes
ABOUT US
- 2.1 Hero interno con título y descripción
- 2.2 Historia de la marca en dos columnas
- 2.3 Equipo en tarjetas circulares
- 2.4 Valores en iconos
- 2.5 CTA a la tienda
- 2.6 Footer compartido
CATEGORIES
- 3.1 Hero de categorías
- 3.2 Lista de categorías en rejilla con imágenes
- 3.3 Filtros laterales (precio, marcas, popularidad)
- 3.4 Productos en cuadrícula
- 3.5 Paginación
- 3.6 Footer compartido
PRODUCTS
- 4.1 Hero de colección
- 4.2 Filtros avanzados
- 4.3 Tarjetas de producto con imagen, nombre, precio y botón "Añadir"
- 4.4 Quick view modal
- 4.5 Footer compartido
BLOGS
- 5.1 Hero de blog
- 5.2 Lista de artículos en tarjetas con imagen, título y excerpt
- 5.3 Sidebar con categorías y posts populares
- 5.4 Paginación
- 5.5 Footer compartido
CONTACT US
- 6.1 Hero de contacto
- 6.2 Formulario de contacto (nombre, email, mensaje)
- 6.3 Mapa integrado
- 6.4 Información de contacto y horarios
- 6.5 Footer compartido
PROMPTS RELACIONADOS · E-COMMERCE
