NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web ficticio llamado Compras Cobalto (luminaMarket.com) para un ecommerce de productos digitales y físicos. Usa HTML estático con Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Reproduce la siguiente arquitectura visual y funcional:
**Paleta de colores**: #0F172A (azul marino profundo), #1E293B (gris azulado), #F8FAFC (blanco roto), #3B82F6 (azul vibrante), #10B981 (verde menta) para acentos.
**Tipografía**: Inter (cargar desde Google Fonts) para encabezados y texto, tamaño 16 px base, encabezados H1‑H4 con pesos 600‑800.
**Header** (navbar fija, fondo blanco, sombra ligera):
- Logo a la izquierda (texto Compras Cobalto en azul vibrante).
- Menú principal con enlaces: Sobre nosotros, Funcionalidades, Blog, Precios, Contacto.
- Dropdown "Recursos" con enlaces
4.471 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.471 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 fija con logo, menú, dropdown y carrito modal
- 1.2 Hero con título, subtítulo y CTA principal
- 1.3 Cuadrícula de características (3 columnas, icono + texto)
- 1.4 Carrusel de testimonios
- 1.5 Sección de precios (3 planes, tabla comparativa, botones CTA)
- 1.6 Formulario de suscripción al boletín
- 1.7 Footer con navegación secundaria, redes sociales y copyright
ABOUT
- 2.1 Banner interno con título "Sobre nosotros"
- 2.2 Texto descriptivo y misión
- 2.3 Equipo en tarjetas con foto y rol
FEATURES
- 3.1 Lista de funcionalidades con iconos y descripciones
- 3.2 Imagen ilustrativa a la derecha
BLOGS
- 4.1 Grid de artículos (imagen, título, excerpt, leer más)
- 4.2 Paginación inferior
PRICING
- 5.1 Tabla de planes con características y precios
- 5.2 Botones de selección y llamado a prueba gratuita
CONTACT
- 6.1 Formulario de contacto (nombre, email, mensaje)
- 6.2 Mapa integrado y datos de localización
PROMPTS RELACIONADOS · E-COMMERCE
