Cart Log in
SIN FINES DE LUCRO · Claude Design · HTML

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

Iniciativa global de conservación ambiental y venta de productos sostenibles Cuidamos la tierra, inspiramos al cambio.

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
VerdeArmonía — 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 VERDEARMONÍA, una tienda online de productos sostenibles y proyecto de conservación ambiental. Usa HTML estático con Tailwind CSS CDN y JavaScript vanilla en un único archivo. Emplea la siguiente paleta de colores: #0A3D62 (azul oscuro), #1E8449 (verde), #F7DC6F (amarillo cálido), #FFFFFF (blanco), #2C3E50 (gris azulado). Tipografía: 'Inter' para textos y 'Playfair Display' para títulos, ambas importadas desde Google Fonts. Estructura y requerimientos: - **Header** fijo, con logo SVG a la izquierda, menú centrado (Home, Sobre nosotros, Campañas) y botón de carrito a la derecha que muestra número de ítems. Añade botón de llamada a la acción "Hablemos" con estilo de contorno y menú hamburguesa responsive que despliega el mismo menú. - **Hero
4.635 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
4.635 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
VerdeArmonía — 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 fija con logo, menú y carrito
  • 1.2 Botón ‘Hablemos’ y menú hamburguesa
  • 2.1 Hero con fondo imagen, overlay y CTA
  • 3.1 Bloque misión a dos columnas
  • 4.1 Grid productos destacados
  • 5.1 Contador de impacto
  • 6.1 Carrusel de testimonios
  • 7.1 Suscripción al boletín
  • 8.1 Footer con enlaces y contactos

ABOUT

  • 1.1 Cabecera reutilizada
  • 2.1 Imagen grande de encabezado
  • 3.1 Texto descriptivo de la organización
  • 4.1 Equipo en tarjetas
  • 5.1 Valores en iconos
  • 6.1 Footer

CAMPAIGN

  • 1.1 Cabecera reutilizada
  • 2.1 Hero de campaña
  • 3.1 Lista de proyectos con imágenes y progreso
  • 4.1 Botón de donación
  • 5.1 Footer

PRODUCTS

  • 1.1 Cabecera reutilizada
  • 2.1 Filtro y barra de búsqueda
  • 3.1 Grid de productos con paginación
  • 4.1 Footer

CART

  • 1.1 Cabecera reutilizada
  • 2.1 Resumen del carrito con lista de artículos, cantidades y subtotales
  • 3.1 Botón de checkout
  • 4.1 Footer

CHECKOUT

  • 1.1 Cabecera reutilizada
  • 2.1 Formulario de datos de facturación y envío
  • 3.1 Resumen de pedido
  • 4.1 Botón de pago
  • 5.1 Footer

CONTACT

  • 1.1 Cabecera reutilizada
  • 2.1 Formulario de contacto y mapa
  • 3.1 Información de contacto
  • 4.1 Footer
PROMPTS RELACIONADOS · SIN FINES DE LUCRO

Otros prompts de la misma categoría