Carrito Iniciar sesión
AGENCIA DIGITAL · Claude Design · HTML

Growth Alba — Prompt de diseño web para Claude AI

Agencia de marketing digital especializada en SEO, SEM y diseño web para pymes Estrategia digital con cabeza, pulso y datos.

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

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
--- URL de la captura de referencia: https://www.designprompting.com/themes/brujula-pulse-2/theme.jpg IMPORTANTE — Verificación previa (hazla ANTES de cualquier otra cosa): Comprueba si tienes la imagen de referencia ADJUNTA como archivo (no como URL en texto). - Si NO hay imagen adjunta y solo ves la URL → DETENTE. No generes nada. Responde únicamente: "⚠️ Solo tengo la URL, no la captura. Descárgala desde aquí y adjúntala al chat para que pueda replicar el diseño con fidelidad: https://www.designprompting.com/themes/brujula-pulse-2/theme.jpg" - Si la imagen SÍ está adjunta → continúa con las instrucciones de abajo. --- ## Referencia visual Replica fielmente el diseño de la captura adjunta (estructura, paleta, tipografía). Si necesitas la imagen como recurso real en la web,
11.173 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
11.173 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
Growth Alba — 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 sticky con logo y menú principal + CTA
  • 1.2 Hero con titular, subtítulo, doble botón e imagen lateral
  • 1.3 Tira de logotipos de clientes
  • 1.4 Grid de 3 servicios con icono y enlace
  • 1.5 Bloque metodología imagen-texto con 4 fases
  • 1.6 Contadores animados de métricas
  • 1.7 Carrusel de casos de éxito
  • 1.8 Slider de testimonios sobre fondo oscuro
  • 1.9 FAQ a dos columnas con acordeón
  • 1.10 Grid del equipo
  • 1.11 Últimas entradas del blog
  • 1.12 Formulario de contacto multipaso
  • 1.13 Footer con 4 columnas y barra inferior

DISEÑO WEB

  • 2.1 Header sticky reutilizado
  • 2.2 Hero de servicio con breadcrumb y titular específico
  • 2.3 Bloque de beneficios en grid 4 columnas
  • 2.4 Proceso de trabajo en timeline vertical
  • 2.5 Galería de proyectos web en mosaico
  • 2.6 Tabla comparativa de tipos de proyecto
  • 2.7 Testimonios filtrados por servicio
  • 2.8 CTA de cierre con formulario corto
  • 2.9 Footer reutilizado

SEO

  • 3.1 Header sticky reutilizado
  • 3.2 Hero con titular sobre posicionamiento orgánico
  • 3.3 Bloque qué incluye el servicio (lista de checks a dos columnas)
  • 3.4 Sección de auditoría con mockup y CTA
  • 3.5 Casos SEO con gráficos de evolución
  • 3.6 FAQ específicas de SEO
  • 3.7 CTA de cierre
  • 3.8 Footer reutilizado

SEM

  • 4.1 Header sticky reutilizado
  • 4.2 Hero de campañas de pago
  • 4.3 Plataformas que gestionamos (grid de logos)
  • 4.4 Cómo trabajamos las campañas (4 pasos con icono)
  • 4.5 Casos SEM con métricas destacadas
  • 4.6 FAQ específicas de SEM
  • 4.7 CTA de cierre
  • 4.8 Footer reutilizado

CASOS DE ÉXITO

  • 5.1 Header sticky reutilizado
  • 5.2 Cabecera de listado con filtros por sector y servicio
  • 5.3 Grid de tarjetas de caso (imagen, cliente, resumen, métrica)
  • 5.4 Bloque CTA central animando a contactar
  • 5.5 Footer reutilizado

EQUIPO

  • 6.1 Header sticky reutilizado
  • 6.2 Hero corto con manifiesto de equipo
  • 6.3 Grid grande del equipo con foto, nombre, rol y enlaces sociales
  • 6.4 Bloque de cultura y valores en 3 columnas
  • 6.5 Banner 'Únete al equipo' con enlace a vacantes
  • 6.6 Footer reutilizado

BLOG

  • 7.1 Header sticky reutilizado
  • 7.2 Cabecera del blog con buscador y categorías
  • 7.3 Entrada destacada a ancho completo
  • 7.4 Grid 3 columnas de últimas entradas
  • 7.5 Bloque newsletter con campo email
  • 7.6 Paginación numerada
  • 7.7 Footer reutilizado

CONTACTO

  • 8.1 Header sticky reutilizado
  • 8.2 Hero corto con datos directos (email, teléfono ficticio, horario)
  • 8.3 Formulario multipaso a dos columnas con mapa estilizado al lado
  • 8.4 Tira de logos de clientes
  • 8.5 Footer reutilizado
PROMPTS RELACIONADOS · AGENCIA DIGITAL

Otros prompts de la misma categoría