Carrito Iniciar sesión
TECNOLOGÍA · Claude Design · HTML

EcoPulse — Prompt de diseño web para Claude AI

Soluciones de energía renovable y tecnología verde Innovamos la transición energética con diseño inteligente.

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
EcoPulse — vista previa
NUEVO PROMPT
PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
Crea una página web completa para la marca ficticia **EcoPulse** (sector energía renovable, dominio ecopulse.com) usando **HTML estático**, **Tailwind CSS CDN** y **JavaScript vanilla** en un único archivo. Replicar el diseño visual y la estructura de la plantilla analizada, respetando los siguientes requerimientos: **Paleta de colores** (hex): - Primary: #0A7FFB (azul brillante) - Secondary: #023E73 (azul marino profundo) - Accent: #00C1D4 (cian claro) - Text: #212121 (gris muy oscuro) - Background: #F5F7FA (gris muy claro) **Tipografía**: Fuente "Inter" (sans‑serif) para todo el sitio, peso 400‑600, tamaños responsivos. **Header**: - Logo a la izquierda (texto EcoPulse en Primary). - Menú principal con enlaces: Home, Company (desplegable con About Us, Blogs, Case Studies, Team, Contac
4.800 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
4.800 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
EcoPulse — 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 Header con logo, navegación principal y botón de carrito
  • 1.2 Hero con título, subtítulo y CTA principal
  • 1.3 Bloque de características destacadas en tres columnas
  • 1.4 Sección de casos de estudio con tarjetas tipo megamenu
  • 1.5 Testimonios con carrusel simple
  • 1.6 CTA intermedio "Get Started"
  • 1.7 Footer con logo, navegación secundaria, enlaces a políticas y redes sociales

ABOUT

  • 1.1 Header idéntico al de Home
  • 1.2 Hero interior con subtítulo descriptivo
  • 1.3 Texto institucional y valores en dos columnas
  • 1.4 Equipo destacado con fotos y breves biografías
  • 1.5 CTA a contacto
  • 1.6 Footer estándar

SERVICES

  • 1.1 Header
  • 1.2 Hero interior
  • 1.3 Grid de servicios (icono + título + descripción) en tres columnas
  • 1.4 Beneficios resaltados en lista con checkmarks
  • 1.5 CTA a solicitud de presupuesto
  • 1.6 Footer

PROJECTS

  • 1.1 Header
  • 1.2 Hero interior
  • 1.3 Galería de proyectos con filtro por categoría
  • 1.4 Detalle de proyecto destacado con imágenes y texto
  • 1.5 CTA a contacto
  • 1.6 Footer

BLOG

  • 1.1 Header
  • 1.2 Hero interior
  • 1.3 Lista de artículos en formato tarjeta con imagen, título y resumen
  • 1.4 Barra lateral con categorías y últimos posts
  • 1.5 Footer

CONTACT

  • 1.1 Header
  • 1.2 Hero interior
  • 1.3 Formulario de contacto con campos nombre, email, asunto y mensaje
  • 1.4 Mapa incrustado y datos de contacto
  • 1.5 Footer
PROMPTS RELACIONADOS · TECNOLOGÍA

Otros prompts de la misma categoría