Carrito Iniciar sesión
SIN FINES DE LUCRO · Claude Design · HTML

EcoVía Verde — Prompt de diseño web para Claude AI

Comercio electrónico de productos sostenibles Soluciones verdes para el día a día.

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
EcoVía Verde — vista previa
NUEVO PROMPT
PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
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
CLAUDE DESIGN

Convierte este prompt en diseño real

Instala Claude Design, pega el prompt y ve la interfaz cobrar forma al instante.

Instalar Claude Design ↗
CAPTURA COMPLETA · HOME
EcoVía Verde — home completa
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

Otros prompts de la misma categoría