NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia EcoVía Verde, un ecommerce de productos sostenibles. Usa HTML estático con Tailwind CSS CDN y JavaScript vanilla en un solo archivo. Paleta de colores: #2C3E50 (azul noche), #27AE60 (verde bosque), #ECF0F1 (gris claro), #FFFFFF (blanco) y acentos #F1C40F (amarillo sol). Tipografía: Inter (sans) para títulos y body, peso 600 para encabezados, 400 para párrafos.
Estructura:
- <header class="bg-white shadow"> con logo a la izquierda, menú centrado con dropdowns (Home, About, Contact, Cases, Shop, Others) y botón de carrito (modal).
- Modal de carrito oculto, muestra lista de productos, subtotales y botón "Continuar al checkout".
- <section id="hero" class="bg-\[#2C3E50\] text-\[#ECF0F1\] py-20 text-center"> con h1 grande, subtítulo y botón p
3.616 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.616 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 con logo, menú y carrito
- 1.2 Hero principal
- 1.3 Ventajas en tres columnas
- 1.4 Productos destacados en cuadrícula
- 1.5 Testimonios con carrusel
- 1.6 Llamada a acción secundaria
- 1.7 Footer con enlaces y datos
ABOUT
- 2.1 Cabecera idéntica
- 2.2 Hero interno con título y descripción
- 2.3 Texto informativo con imagen a un lado
- 2.4 Valores de la marca en tarjetas
- 2.5 Equipo en cuadrícula
- 2.6 Footer
SHOP
- 3.1 Cabecera idéntica
- 3.2 Hero con filtro de categoría
- 3.3 Listado de productos en tarjetas con imagen, nombre y botón
- 3.4 Paginación simple
- 3.5 Footer
CONTACT
- 4.1 Cabecera idéntica
- 4.2 Hero con formulario de contacto
- 4.3 Información de ubicación y redes sociales
- 4.4 Footer
PROMPTS RELACIONADOS · SIN FINES DE LUCRO
