📘 Brandbook

Identidad de Marca

Manuel Montiel es un Consultor en Marketing Digital mexicano que funciona como hub central para tres negocios digitales: educación, servicios whitelabel y software empresarial.

Paleta de Colores

Paleta extraída directamente de las variables CSS del sitio. Se usan 22 colores en total; los 5 principales definen la identidad visual.

Colores Primarios

Colores Neutros

Usos Recomendados

Tipografía

Tres familias tipográficas de Google Fonts, cada una con un rol específico en la jerarquía visual.

Logotipo

Logo SVG

Formato: SVG vector

Dimensiones: 300×60px (navbar)

Alt text: "ManuelMontiel.com"

Ruta: assets.cdn.filesafe.space/.../6595f7b5...

Foto de Perfil

Formato: PNG

Alt text: "Manuel Montiel"

Ubicación: Hero, columna derecha (61.3%)

Offer Diagnosis & Positioning

Propuesta de valor y posicionamiento estrategico de Manuel Montiel.

Competitive Analysis

Benchmark de competidores en el mercado de consultoria marketing digital.

Keyword Research

Keywords objetivo: consultor marketing digital (1,200/mes MX), agencia marketing IA (480/mes), automatizacion marketing (880/mes), estrategia digital (720/mes).

Content Pillars

Brand Story

Manuel transforma su experiencia en marketing en una agencia impulsada por IA. De consultor a operador digital: innovacion, datos y resultados.

Copy Frameworks

PAS: Problema: "Sigues sin resultados?" | Agitacion: "El 80% de las estrategias fallan por falta de ejecucion." | Solucion: "IA que ejecuta por ti."

CTAs: Agenda consultoria | Solicita propuesta | Recibe diagnostico | Descarga caso de exito

Vocabulary & Tone

Usar: estrategia, datos, resultados, IA, automatizacion, crecimiento, innovacion.

Evitar: basico, generico, "tal vez", complicado, confuso.

Logo Misuse

Photography Direction

Estilo: profesional business casual. Fondos: oficina moderna, coworking. Iluminacion natural. Fotos autenticas de Manuel.

Iconography

Estilo minimalista 2px stroke. Lucide icons. Colores: azul corporativo + gris.

Dark Mode

Fondo: #0a1628. Texto: #e2e8f0. Acento azul ajustado para WCAG AA. Logo version white.

Motion Design

Transiciones 300ms ease. Hover effects con sombra. Scroll reveals. Animacion sutil de logo.

Social Media Templates

Ad Mockups

Meta Ads: 1200x628, 1080x1080, 1080x1920. Google Display: 300x250, 728x90, 160x600. Jerarquia: headline, visual, CTA, logo.

UI Kit

Design tokens: colores, tipografia, spacing, border-radius 8px. Componentes: botones primary/secondary/ghost, inputs, cards, modals.

Paid Media Guide

Canales: LinkedIn Ads (B2B), Google Ads (busqueda), Meta (remarketing). Presupuesto: $300-$1000 USD/mes inicial. A/B testing constante.

Social Playbook

SEO Guidelines

On-page: titles 50-60 chars, meta descriptions 150-160, schema markup. Keywords: consultor marketing digital, agencia IA. Blog semanal 1500+ palabras.

WhatsApp Guide

Tono: profesional cercano. Respuestas en menos de 5 min. Plantillas: saludo, seguimiento, propuesta, soporte. Horario: 9am-7pm L-V.

Governance

Protocolo crisis: deteccion, evaluacion, respuesta. Matriz aprobaciones: Copy (Jessica), Visual (Bruno), Campanas (Clara), Deploy (Nico/Frank). AI governance: revision humana antes de publicar.

Estructura del Sitio

El sitio es una landing page de una sola página (funnel) construida con LeadConnectorHQ. Diseño responsive de ancho completo con contenedor máximo de 1170px.

hl_main (raíz)
├── section-VsSSCK41K5 (Hero)
│   ├── row-M8brKDjTmK (Fila navegación)
│   │   └── col-FgNEtweNlU (100%)
│   │       └── nav-menu-k6iIS7N6MZ (Menú: WhatsApp, Teléfono, Videollamada)
│   └── row-As5a3AqJRC (Fila hero principal)
│       ├── col-V7UUGNkOMV (38.8% — Botones + Social)
│       │   ├── button--inNiStRZv (Cursos de Marketing)
│       │   ├── button-Tf0sX8VM5w (Agencia Whitelabel)
│       │   ├── button-KpBLCOKyb9 (Whitelabel Software)
│       │   └── social-icons-4wq6jeEqQp (7 redes sociales)
│       └── col-fWANvsp2Uc (61.3% — Imagen)
│           └── image-AhEDIEBDZz (Foto Manuel Montiel)
└── section-bEHB1GG2T6 (Footer)
    └── row-iG4DfMg5u9
        └── col-zTK6jHngLE (100%)
            ├── divider-dpLbagCToI (Línea naranja)
            └── paragraph-OaED2mfQ7p (Copyright + Aviso de Privacidad)
      

Botones / CTAs

Tres botones principales con estilo consistente: fondo transparente, borde blanco de 2px, texto blanco, sombra sutil. Todos abren en nueva pestaña.

Redes Sociales

7 plataformas sociales con iconos light-gray de 35×35px. Todos los enlaces abren en nueva pestaña con rel="noreferrer noopener nofollow".

Navegación

Footer

SEO & Meta Tags

Stack Técnico

Documentos de Evidence

44 documentos de evidencia generados a partir del análisis completo del sitio. Cubren cada aspecto técnico, visual y de contenido.