NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web para la marca ficticia "Store Boreal" (storeboreal.com), una tienda online de diseño y estilo de vida. Usa HTML5 estático en un único archivo, con Tailwind CSS vía CDN y JavaScript vanilla para interactividad mínima (cierre/abrir carrito modal y carrusel de testimonios). Reproduce fielmente la siguiente estructura y estilo visual sin copiar textos originales:
- Paleta de colores: #0F111A (fondo oscuro), #FFFFFF (texto principal), #F3F4F6 (gris claro), #1E40AF (azul primary), #E5E7EB (borde y sombras).
- Tipografía: Inter (Google Fonts) para encabezados y cuerpo, peso 400‑600.
- Cabecera: barra sticky con logo a la izquierda, menú horizontal (Home, About, Pricing, Contact) centrado, botón de carrito a la derecha que abre un modal con lista de items, subtotales y botón "C
3.922 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.922 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ú y carrito modal
- 1.2 Hero principal con imagen de fondo y CTA
- 1.3 Ventajas en 4 columnas (icono + texto)
- 1.4 Grid de productos (4 columnas, tarjetas)
- 1.5 Testimonios rotativos (3 columnas)
- 1.6 Footer completo (logo, enlaces, newsletter, redes)
PRODUCTOS
- 1.1 Lista de productos en grid responsive
- 1.2 Filtros laterales (categorías, rango de precios)
- 1.3 Detalle del producto (galería, descripción, precio, botón añadir al carrito)
CARRITO
- 1.1 Modal de carrito con resumen de artículos, cantidades editables y botón de checkout
CHECKOUT
- 1.1 Formulario de datos de facturación y envío
- 1.2 Resumen de pedido y botón de pago
GRACIAS
- 1.1 Mensaje de confirmación de compra y sugerencias de productos
PROMPTS RELACIONADOS · COMERCIO ELECTRÓNICO