NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
---
URL de la captura de referencia: https://www.designprompting.com/themes/brujula-pulse/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/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, está
7.176 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
7.176 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 Header sticky con logo y menú principal + CTA
- 1.2 Hero dos columnas con badge de valoración
- 1.3 Tira de logos de clientes
- 1.4 Grid de 3 servicios principales
- 1.5 Contadores de métricas sobre fondo oscuro
- 1.6 Bloque 'Quiénes somos' con imagen y bullets
- 1.7 Grid de casos de éxito 3x2
- 1.8 Proceso de trabajo en 4 pasos
- 1.9 Slider de testimonios
- 1.10 Equipo en grid de 4
- 1.11 FAQ acordeón
- 1.12 CTA final ancho turquesa
- 1.13 Formulario multi-paso
- 1.14 Footer en 4 columnas
DISEÑO WEB
- 2.1 Header sticky
- 2.2 Hero de servicio con breadcrumb
- 2.3 Beneficios en grid de 4 con iconos
- 2.4 Tipologías de proyectos (corporativa, ecommerce, landing) en tabs
- 2.5 Mockups de portfolio en mosaico
- 2.6 Stack tecnológico en logos
- 2.7 Proceso en timeline vertical
- 2.8 FAQ específica de diseño web
- 2.9 CTA final
- 2.10 Footer
SEO
- 3.1 Header sticky
- 3.2 Hero de servicio
- 3.3 Tipos de SEO (local, on-page, técnico, link building) en cards
- 3.4 Gráfico comparativo antes/después
- 3.5 Casos con resultados de tráfico orgánico
- 3.6 Herramientas que usamos en grid de logos
- 3.7 Metodología en 5 pasos
- 3.8 FAQ SEO
- 3.9 CTA final
- 3.10 Footer
SEM
- 4.1 Header sticky
- 4.2 Hero de servicio
- 4.3 Plataformas (Google Ads, Meta, LinkedIn) en tarjetas
- 4.4 Tipos de campaña en tabs
- 4.5 Métricas de rendimiento en contadores
- 4.6 Casos con ROAS destacado
- 4.7 Proceso de gestión
- 4.8 FAQ SEM
- 4.9 CTA final
- 4.10 Footer
CASOS DE ÉXITO
- 5.1 Header sticky
- 5.2 Hero con título de sección
- 5.3 Filtros por categoría (Web, SEO, SEM, Todos)
- 5.4 Grid completo de casos con hover
- 5.5 Métricas globales agregadas
- 5.6 CTA final
- 5.7 Footer
EQUIPO
- 6.1 Header sticky
- 6.2 Hero introductorio del equipo
- 6.3 Valores en 3 columnas con iconos
- 6.4 Grid completo del equipo con bio expandible
- 6.5 Bloque cultura con galería de fotos
- 6.6 Ofertas de empleo activas
- 6.7 CTA final
- 6.8 Footer
BLOG
- 7.1 Header sticky
- 7.2 Hero con buscador
- 7.3 Artículo destacado a ancho completo
- 7.4 Filtros por categoría
- 7.5 Grid de artículos 3 columnas con imagen, fecha y tiempo de lectura
- 7.6 Paginación
- 7.7 Newsletter inline
- 7.8 Footer
CONTACTO
- 8.1 Header sticky
- 8.2 Hero de contacto
- 8.3 Dos columnas: formulario multi-paso + datos de contacto y mapa
- 8.4 Bloque de horarios y oficinas
- 8.5 Footer
PROMPTS RELACIONADOS · AGENCIA DIGITAL