NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia "Tienda Titan" (tienda online de productos artesanales) usando solo HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. \n\n**Paleta de colores**: Primary #2C3E50, Secondary #E74C3C, Accent #F1C40F, Background #F8F9FA, Text #2D2D2D. \n**Tipografía**: Fuente Google "Inter" para títulos y "Roboto" para cuerpo. \n\n**Estructura**:\n1. **Header (navbar)**: barra fija, logo a la izquierda (placeholder SVG), menú de enlaces (Home, Categorías, Productos, Blog, Contacto) con dropdown para páginas adicionales, botón de carrito que abre un modal con lista de artículos, cantidad y subtotal. \n2. **Hero**: sección full‑width con fondo claro, título grande (Inter, 4xl, bold), subtítulo (Roboto, lg), botón CTA "Explorar" que e
3.797 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.797 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 y carrito modal
- 1.2 Hero principal con título, subtítulo y botón CTA
- 1.3 Grid de categorías (4 columnas)
- 1.4 Carrusel de productos destacados
- 1.5 Testimonios de clientes (3 columnas)
- 1.6 Footer con información de contacto, enlaces rápidos y suscripción al boletín
PRODUCTS
- 1.1 Encabezado interno con filtro de categorías
- 1.2 Listado de productos en tarjetas
- 1.3 Paginación al final
BLOG
- 1.1 Lista de artículos con imagen, título y extracto
- 1.2 Sidebar con categorías y archivos
- 1.3 Footer reutilizado
CONTACT
- 1.1 Formulario de contacto con campos nombre, email, mensaje
- 1.2 Mapa incrustado
- 1.3 Información de contacto y redes sociales
ABOUT
- 1.1 Historia de la marca y valores
- 1.2 Equipo en tarjetas
- 1.3 CTA hacia la tienda
PROMPTS RELACIONADOS · E-COMMERCE
