NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Compras Helio (tienda online de decoración y iluminación artesanal) usando sólo HTML estático, Tailwind CSS CDN y JavaScript vanilla en un único archivo. Emula el diseño analizado:
- Paleta de colores: #1A1A1A (negro profundo), #F5F5F5 (gris claro), #D0A96F (oro apagado), #FFFFFF (blanco), #7A7A7A (gris medio)
- Tipografía: "Inter" para encabezados y cuerpo, peso 400‑700, tamaños responsivos.
- Header: barra fija con logo a la izquierda, menú de navegación con dropdowns (Home, About, Products, Pages (sub‑menus: Collection, Artist, Blog, Contact), Utility Pages), botón de carrito con badge de cantidad. Menú colapsable en móvil.
- Hero: sección a pantalla completa con fondo de imagen decorativa, título grande “Objetos que iluminan tus es
3.882 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.882 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, navegación, carrito modal
- 2.1 Hero con imagen de fondo, título, botón CTA
- 3.1 Bloque de características (icono + texto) en fila de 4 columnas
- 4.1 Galería de productos destacados en grid responsivo
- 5.1 Sección de beneficios con contadores animados
- 6.1 Testimonios en carrusel de tarjetas
- 7.1 Newsletter con formulario breve
- 8.1 Footer con enlaces de navegación, redes sociales y datos de contacto
PRODUCTS
- 1.1 Cabecera idéntica a Home
- 2.1 Hero con título de colección y filtro de categorías
- 3.1 Grid de productos en tarjetas con imagen, nombre y botón "Añadir"
- 4.1 Paginación simple
- 5.1 Footer igual que Home
ABOUT
- 1.1 Cabecera
- 2.1 Hero con foto y mensaje institucional
- 3.1 Texto descriptivo con bloque de valores de la marca
- 4.1 Equipo en tarjetas con foto y biografía breve
- 5.1 Footer
BLOG
- 1.1 Cabecera
- 2.1 Lista de entradas en tarjetas tipo blog (imagen, título, excerpt, fecha)
- 3.1 Sidebar con categorías y newsletter
- 4.1 Footer
CONTACT
- 1.1 Cabecera
- 2.1 Formulario de contacto (nombre, email, mensaje)
- 3.1 Mapa incrustado
- 4.1 Footer
PROMPTS RELACIONADOS · COMERCIO ELECTRÓNICO