NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia Shop Alba, tienda online de equipos de aventura. Usa HTML único en un archivo, Tailwind CSS vía CDN y JavaScript vanilla (sin frameworks). Incluye los siguientes requerimientos:
- Paleta de colores: #0D1F2D (azul noche), #1E3A5F (azul profundo), #F5A623 (naranja vibrante), #FFFFFF (blanco), #E5E5E5 (gris claro).
- Tipografía: "Inter" para títulos y "Roboto" para cuerpo, ambas importadas de Google Fonts.
- Header fijo con logo SVG, menú horizontal (Home, About, Shop, Blog, FAQ, Contact), botón carrito que abre modal con lista de productos, cantidad y subtotal. El carrito muestra "Your Cart" y botón "Continue to Checkout".
- Cursor personalizado: círculo creciente y texto "View Product" al hover sobre tarjetas de producto.
- Hero full‑scree
3.571 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.571 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 logo, menú principal, enlaces a blog, FAQ y carrito modal
- 1.2 Cursor personalizado con hover interactivo
- 1.3 Hero con imagen a pantalla completa, título grande y botón CTA
- 1.4 Bloque de categorías en cuadrícula de iconos
- 1.5 Sección de productos destacados con tarjetas y botón "Ver producto"
- 1.6 Testimonios en carrusel horizontal
- 1.7 Newsletter con formulario de suscripción
- 1.8 Footer con enlaces de sitio, datos de contacto, redes sociales y avisos legales
ABOUT
- 2.1 Header (reutilizado)
- 2.2 Hero interior con imagen y título "Sobre nosotros"
- 2.3 Texto descriptivo de la marca y misión
- 2.4 Equipo en tarjetas con foto y rol
- 2.5 CTA a tienda
- 2.6 Footer (reutilizado)
SHOP
- 3.1 Header (reutilizado)
- 3.2 Filtros laterales de categoría y rango de precios
- 3.3 Grid de productos con imagen, nombre, precio y botón "Añadir al carrito"
- 3.4 Paginación inferior
- 3.5 Footer (reutilizado)
BLOG
- 4.1 Header (reutilizado)
- 4.2 Lista de artículos en tarjetas con imagen, título, extracto y fecha
- 4.3 Barra lateral con categorías y suscripción al newsletter
- 4.4 Footer (reutilizado)
CONTACT
- 5.1 Header (reutilizado)
- 5.2 Formulario de contacto con campos nombre, email, asunto y mensaje
- 5.3 Mapa incrustado
- 5.4 Información de contacto rápido
- 5.5 Footer (reutilizado)
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