NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia EcoVita, una tienda online de productos sostenibles, usando sólo HTML en un único archivo, Tailwind CSS vía CDN y JavaScript vanilla. Reproduce el diseño estructural y visual del sitio original:
- Paleta de colores: verde primary #2E7D32, verde claro #81C784, gris oscuro #37474F, gris claro #ECEFF1, blanco #FFFFFF.
- Tipografía: "Inter", sans‑serif para títulos y cuerpo.
- Header fijado con logo a la izquierda, menú de navegación (Home, Sobre Nosotros, Productos, Blog, Contacto) y un dropdown "Pages" con enlaces internos, más botón de carrito con contador circular.
- Hero: sección a pantalla completa con fondo de imagen de naturaleza, título grande en Inter bold, subtítulo y botón CTA "Explorar".
- Sección de productos destacados: g
3.617 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.617 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, menú principal, dropdown de páginas y botón de carrito
- 1.2 Hero con imagen de fondo, título y botón CTA
- 1.3 Cuadrícula de productos destacados con tarjetas
- 1.4 Bloque de beneficios con iconos y texto
- 1.5 Testimonios en carrusel simple
- 1.6 Formulario de suscripción al boletín
- 1.7 Pie de página con información de contacto, enlaces y redes sociales
ABOUT
- 2.1 Cabecera reutilizada
- 2.2 Hero interior con título y subtítulo
- 2.3 Texto descriptivo de la marca y misión
- 2.4 Equipo en tarjetas con foto y rol
- 2.5 Valores en columnas con iconos
- 2.6 Pie de página
PRODUCTS
- 3.1 Cabecera reutilizada
- 3.2 Filtro de categorías lateral
- 3.3 Lista de productos en tarjeta con imagen, nombre, precio y botón "Añadir"
- 3.4 Paginación
- 3.5 Pie de página
BLOG
- 4.1 Cabecera reutilizada
- 4.2 Lista de artículos con imagen, título, extracto y fecha
- 4.3 Sidebar con categorías y últimas entradas
- 4.4 Pie de página
CONTACT
- 5.1 Cabecera reutilizada
- 5.2 Formulario de contacto con campos nombre, email, asunto y mensaje
- 5.3 Mapa incrustado
- 5.4 Información de contacto directo
- 5.5 Pie de página
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