NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca **Shop Cobalto** (shopcobalto.com) utilizando solo HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. La web debe reproducir fielmente los patrones de UI del sitio original analizado (estructura de header, hero, grids, carruseles, testimonios, footer) pero con contenido totalmente nuevo y en español de España.
**ALCANCE**
- Generar todas las páginas listadas en la tabla: HOME, ABOUT, PRODUCTS, PRODUCT DETAIL, CART, CHECKOUT, BLOG, CONTACT.
- Cada página debe incluir el mismo header y footer compartidos (componentes reutilizables).
- El header contiene una barra superior con iconos sociales (X, LinkedIn, Instagram, Dribbble), logo central que enlaza a la home y botón de carrito que muestra la cantidad de ítems.
- El hero
4.567 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.567 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 Header con barra superior social, logo y carrito activo
- 2.1 Hero con imagen de fondo y llamado a la acción
- 3.1 Grid de categorías resaltadas
- 4.1 Carrusel de productos destacados
- 5.1 Sección de beneficios con iconos y texto
- 6.1 Testimonios en formato cards
- 7.1 Newsletter signup con fondo contrastante
- 8.1 Footer con enlaces de navegación, redes y suscripción
ABOUT
- 1.1 Header igual que home
- 2.1 Imagen de cabecera con texto descriptivo
- 3.1 Historia de la marca en dos columnas
- 4.1 Equipo con fotos circulares
- 5.1 Valores en bloques iconográficos
- 6.1 Footer igual que home
PRODUCTS
- 1.1 Header igual que home
- 2.1 Filtro de categorías lateral
- 3.1 Grid de tarjetas de producto con imagen, nombre, precio y botón
- 4.1 Paginación inferior
- 5.1 Footer igual que home
PRODUCT DETAIL
- 1.1 Header igual que home
- 2.1 Galería de imágenes del producto
- 3.1 Información del producto: título, precio, descripción, selector de variantes
- 4.1 Botón añadir al carrito
- 5.1 Productos relacionados en carousel
- 6.1 Footer igual que home
CART
- 1.1 Header igual que home
- 2.1 Listado de artículos del carrito con miniaturas, nombre, opciones, cantidad y precio
- 3.1 Subtotal y botón de checkout
- 4.1 Mensaje de carrito vacío
- 5.1 Footer igual que home
CHECKOUT
- 1.1 Header igual que home
- 2.1 Formulario de datos de facturación y envío
- 3.1 Resumen de pedido
- 4.1 Botón de pago
- 5.1 Footer igual que home
BLOG
- 1.1 Header igual que home
- 2.1 Lista de artículos en formato tarjeta con imagen, título y extracto
- 3.1 Sidebar con categorías y últimos posts
- 4.1 Footer igual que home
CONTACT
- 1.1 Header igual que home
- 2.1 Formulario de contacto simple
- 3.1 Mapa incrustado y datos de contacto
- 4.1 Footer igual que home
PROMPTS RELACIONADOS · COMERCIO ELECTRÓNICO
Otros prompts de la misma categoría
PROMPTComercio electrónico
Market Zenit
★★★★★ 1.110 descargas
GRATIS0€
PROMPTComercio electrónico
Lino & Cañamo
★★★★★ 1.338 descargas
GRATIS0€
PROMPTComercio electrónico
Store Austral
★★★★★ 3.147 descargas
GRATIS0€
GPT Image 2
PROMPTComercio electrónico
Línea Aurora
★★★★★ 1.700 descargas
GRATIS0€
GPT Image 2