NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático para la marca ficticia VeloNova (tienda de bicicletas y accesorios) usando solo HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. La página debe contener:
**Paleta de colores**: #1F3A93 (azul marino), #F5F7FA (gris muy claro), #E94E77 (rosa vibrante), #FFFFFF (blanco), #333333 (texto gris oscuro).
**Tipografía**:
- Títulos: 'Inter', peso 700, tamaños entre 2.5rem y 1rem.
- Cuerpo: 'Inter', peso 400, 1rem.
**Header** (fijo, fondo blanco, sombra ligera):
- Logo SVG ficticio alineado a la izquierda.
- Mega‑menú con dos grupos: "SHOP" (sub‑menú con columnas BICICLETAS, PARTES, EQUIPAMIENTO) y "EXPLORE" (enlaces a ABOUT, SERVICES, BLOG, EVENTS, FAQ). Cada columna muestra enlaces de ejemplo.
- Icono de carrito a la derecha con contador dinámico (inici
4.093 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.093 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, mega‑menú y carrito
- 2.1 Hero con título, subtítulo y CTA
- 3.1 Bloque de colecciones destacadas (tres columnas)
- 4.1 Carrusel de productos destacados
- 5.1 Testimonios de clientes
- 6.1 Suscripción al newsletter
- 7.1 Footer con información legal y redes
ABOUT
- 1.1 Header
- 2.1 Imagen de hero y breve historia
- 3.1 Valores de la marca en tarjetas
- 4.1 Equipo con fotos
- 5.1 Footer
SHOP
- 1.1 Header
- 2.1 Filtros laterales (categorías, precios)
- 3.1 Grid de productos (tarjetas con foto, nombre, precio, botón añadir)
- 4.1 Paginación
- 5.1 Footer
PRODUCT
- 1.1 Header
- 2.1 Galería de imágenes del producto
- 3.1 Detalle del producto (nombre, descripción, precios, selector de talla/color)
- 4.1 Productos relacionados en carrusel
- 5.1 Footer
CART
- 1.1 Header
- 2.1 Lista de artículos en el carrito con cantidades editables
- 3.1 Resumen de precios y botón de checkout
- 4.1 Footer
BLOG
- 1.1 Header
- 2.1 Lista de artículos con imagen, título, extracto y fecha
- 3.1 Paginación
- 4.1 Footer
CONTACT
- 1.1 Header
- 2.1 Formulario de contacto (nombre, email, mensaje)
- 3.1 Mapa incrustado
- 4.1 Footer
PROMPTS RELACIONADOS · COMERCIO ELECTRÓNICO