NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia Blog Vega (blogvega.com). Utiliza HTML5 y Tailwind CSS vía CDN en un único archivo con JavaScript vanila. Paleta de colores: fondo #111111, primario #E0A0A0, secundario #F5F5F5, acento #A67C52. Tipografía: encabezados con 'Playfair Display', cuerpo con 'Inter' (Google Fonts).
**Header**: barra fija, logo a la izquierda (placeholder <img src="https://via.placeholder.com/150x40" alt="Blog Vega" class="h-10">), icono de carrito con contador, enlaces a Facebook y X (SVG).
**Home**:
1. Hero: sección full‑width con imagen de fondo (placeholder https://via.placeholder.com/1500x600), overlay negro 50%, título grande (text‑4xl md:text-6xl, color primario), subtítulo (text‑lg, color secundario), botón CTA "Descubre la colección" (bg‑accent, hov
4.429 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.429 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, carrito y redes
- 1.2 Hero con fondo, título, subtítulo y CTA
- 1.3 Grid de productos destacados
- 1.4 Bloque de beneficios/iconos
- 1.5 Carrusel de testimonios
- 1.6 Formulario de newsletter
- 1.7 Footer con enlaces y contactos
PRODUCTOS
- 2.1 Cabecera reutilizada
- 2.2 Lista filtrable de productos en grid
- 2.3 Detalle de producto con galería, descripción, selector de talla/color y botón "Añadir al carrito"
- 2.4 Sección de productos relacionados
- 2.5 Footer reutilizado
CART
- 3.1 Cabecera reutilizada
- 3.2 Resumen del carrito lateral con lista de ítems, cantidades editables y subtotal
- 3.3 Botón de checkout
- 3.4 Footer reutilizado
CHECKOUT
- 4.1 Cabecera reutilizada
- 4.2 Formulario de datos de envío y facturación
- 4.3 Resumen del pedido y botón de pago
- 4.4 Footer reutilizado
PROMPTS RELACIONADOS · BLOG / REVISTA