NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia EcoViva, una tienda online de productos ecológicos. Usa solo HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Paleta de colores: #2F8F5E (verde principal), #A3D9B1 (verde claro), #F5F5F5 (gris claro), #333333 (texto oscuro), #FFFFFF (blanco). Tipografía: Inter (Google Fonts) para títulos y cuerpo.
Estructura general:
- <header class="fixed top-0 inset-x-0 bg-white shadow-md flex items-center justify-between px-6 py-4 z-50"> con logo SVG, menú horizontal (Home, About, Products, Blog, Contact) y dropdown "Pages" con enlaces a las mismas páginas, botón de carrito que abre un modal con lista de productos, cantidad y subtotal.
- <main> dividido en secciones numeradas tal como en "secciones".
1. Hero: container ce
3.933 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.933 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 y botón de carrito
- 1.2 Hero con título, subtítulo y botones CTA
- 1.3 Bloque de productos destacados (grid de tarjetas)
- 1.4 Contadores animados de impacto
- 1.5 Testimonios en carrusel
- 1.6 Llamado a la acción a suscribirse al boletín
- 1.7 Footer con enlaces de información, redes y datos legales
ABOUT
- 2.1 Header replicado
- 2.2 Imagen de portada y título
- 2.3 Texto descriptivo de la misión y visión
- 2.4 Equipo en tarjetas con foto y redes
- 2.5 Footer replicado
PRODUCTS
- 3.1 Header replicado
- 3.2 Grid de productos con filtros
- 3.3 Detalle rápido en modal
- 3.4 Footer replicado
BLOG
- 4.1 Header replicado
- 4.2 Lista de artículos en tarjetas
- 4.3 Sidebar con categorías y archivo
- 4.4 Footer replicado
CONTACT
- 5.1 Header replicado
- 5.2 Formulario de contacto con campos nombre, email, mensaje
- 5.3 Mapa incrustado
- 5.4 Footer replicado
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