NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Tienda Cobalto" (dominio tiendacobalto.com) que reproduzca la estructura y estilo del template analizado, sin copiar textos ni imágenes. Usa únicamente HTML estático y Tailwind CSS vía CDN, con JavaScript vanilla en un único archivo para interactividad (menú móvil, carrusel de testimonios, carrito modal).
Paleta de colores:
- #1F2937 (gris oscuro para fondos y texto principal)
- #3B82F6 (azul primario para botones y enlaces)
- #F3F4F6 (gris claro para secciones y cards)
- #10B981 (verde para acentos de éxito)
- #FFFFFF (blanco)
Tipografía:
- Font Family: "Inter", sans-serif (cargar desde Google Fonts). Títulos en peso 600, cuerpo en 400.
Estructura:
1. **Header** fijo, con logo (SVG placeholder), mega‑menú que muestra columnas de enlac
4.390 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.390 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 con logo, mega‑menú, login y botón de reserva, carrito modal.
- 1.2 Hero principal con título, texto y dos botones.
- 1.3 Bloque de ventajas (icono + breve texto) en 4 columnas.
- 1.4 Grid de productos destacados (imagen, nombre, precio, botón "Añadir").
- 1.5 Sección de testimonios con carrusel.
- 1.6 CTA para reunión gratuita.
- 1.7 Footer con información institucional, enlaces útiles y suscripción.
ABOUT US
- 2.1 Cabecera idéntica a Home.
- 2.2 Hero con imagen y descripción de la empresa.
- 2.3 Misión, visión y valores en bloques.
- 2.4 Equipo con fotos y cargos.
- 2.5 CTA a contacto.
SERVICES
- 3.1 Cabecera.
- 3.2 Hero de servicios con título y subtítulo.
- 3.3 Lista de servicios en tarjetas con icono y descripción.
- 3.4 Caso de estudio destacado.
- 3.5 CTA a consulta.
PRODUCTS
- 4.1 Cabecera.
- 4.2 Filtro de categorías y barra de búsqueda.
- 4.3 Grid de productos (imagen, nombre, precio, botón).
- 4.4 Paginación.
- 4.5 CTA para suscripción al boletín.
CONTACT US
- 5.1 Cabecera.
- 5.2 Hero con formulario de contacto y mapa.
- 5.3 Información de contacto (teléfono, email, dirección).
- 5.4 CTA a reserva de reunión.
BLOG
- 6.1 Cabecera.
- 6.2 Lista de artículos en tarjetas con imagen, título y extracto.
- 6.3 Sidebar con categorías y últimos posts.
- 6.4 Paginación.
PROMPTS RELACIONADOS · E-COMMERCE
