📘 Manual de Marca

Christian Funes

Guía completa de identidad visual, tono de voz, y sistema de diseño para todas las comunicaciones de la marca.

Identidad

🎯 Identidad de Marca

Nombre
Christian Funes
Tagline
"Aprueba primero, compra después."
Industria
Mortgage Broker · Real Estate
Personalidad
Directo, confiable, resolutivo, transparente
Ubicación
Florida, Estados Unidos
Mercado
Hispanos en USA comprando casa

Pilares de Marca

🛡️

Certeza

Aprobación blindada antes de ver casas. Diagnóstico real en 15 minutos, no promesas vacías.

🚀

Velocidad

Cierre en 21-45 días. Aprobación en 24-48 horas. Acceso directo a lenders.

🏦

Acceso

Programas para Self-Employed, ITIN. Lo que importa es tu flujo real, no tus taxes.

Visual

🎨 Paleta de Colores

Colores Primarios

Navy Profundo
#0F1B3D
Navy Claro
#1E3A8A
Blanco
#FFFFFF

Acento — Gold

Gold
#F59E0B
Gold Dark
#D97706
Gold Glow
rgba(245,158,11,0.15)

Acento Secundario — Blue

Blue
#2563EB
Blue Light
#3B82F6

Semánticos

Success
#10B981
Error
#EF4444

Escala de Grises

Gray 50
#F8FAFC
Gray 400
#94A3B8
Gray 500
#64748B
Gray 800
#1E293B

Principio de Color: Autoridad con calidez. La base Navy transmite confianza financiera. El Gold aparece como acento de acción (CTAs, badges, bordes). El Gold nunca domina — es el punto de acción que guía al usuario.

Tipografía

🔤 Sistema Tipográfico

Montserrat — Headlines
Obtén tu Poder de Compra Real
font-weight: 800 line-height: 1.15 32px → 56px
Inter — Body Text
El Realtor solo tiene las llaves. Nosotros tenemos el dinero. Aprueba primero, compra después. La diferencia entre "creer" y "saber" que puedes comprar.
font-weight: 400 line-height: 1.6 16px → 17px
Peso Fuente Uso
Extra Bold 800 Montserrat Hero h1, Closing h2, Stats numbers
Bold 700 Montserrat Section titles (h2), CTA buttons
SemiBold 600 Inter / Montserrat Labels, form labels, testimonial names
Medium 500 Inter Trust items, microcopy destacado
Regular 400 Inter Body text, subheadlines, FAQ answers

Componentes

🧩 Sistema de Componentes

CTA Principal (Gold Gradient + Pulse)

✅ Sin costo · Sin compromiso · Sin BS

Eyebrow Badge

🏠 Diagnóstico Gratuito • 15 Minutos • Resultados Reales

Testimonial Card

Perdí 3 meses con un Realtor que me decía 'seguro calificas'. Christian me dijo la verdad en 10 minutos y cerramos en 30 días.

FM
Familia Martínez
✓ Cerró en 30 días

Comunicación

✍️ Tono de Voz

Idioma
Español (hispanos en USA)
Tono
Directo, honesto, resolutivo
Perspectiva
1ra persona plural + 2da persona
Energía
Confiada, urgente, empoderada

Frases Clave

✅ Así sí
"Obtén tu Poder de Compra Real en 15 Minutos."
"Entré a ver mi casa sabiendo que ya era mía."
"Sin costo · Sin compromiso · Sin BS"
❌ Así no
"Le ayudamos con su proceso hipotecario."
"Tal vez califiques para un préstamo."
"Sujeto a aprobación crediticia."

Datos

📊 Datos Clave de la Marca

200+
Familias
8
Años
15
Min Diagnóstico
21-45
Días Cierre

Reglas

❌ Usos Incorrectos

🚫 Otro acento que no sea Gold Solo Gold (#F59E0B) y su gradiente están autorizados como acento de acción
🚫 Gold como fondo dominante Es un acento de acción (CTAs, badges) — no un color de fondo
🚫 Tipografías no autorizadas Solo Montserrat (headlines) e Inter (body)
🚫 Fondos planos sin gradiente Las secciones oscuras usan gradientes Navy 165deg
🚫 Español formal/corporativo El tono es directo, cercano, conversacional
🚫 Promesas vagas Números específicos: 15 min, 200+ familias, 21-45 días
🚫 CTAs sin pulso Los botones principales llevan subtlePulse
🚫 Layout > 780px Mobile-first VSL, contenido estrecho para alta conversión

Desarrollo

🎨 Design Tokens (CSS)

/* ── Christian Funes Design Tokens ── */

:root {
    /* Colores Primarios */
    --cf-navy: #0F1B3D;
    --cf-navy-light: #1E3A8A;
    --cf-white: #FFFFFF;

    /* Acento Gold */
    --cf-gold: #F59E0B;
    --cf-gold-dark: #D97706;
    --cf-gold-glow: rgba(245, 158, 11, 0.15);

    /* Acento Blue */
    --cf-blue: #2563EB;
    --cf-blue-light: #3B82F6;

    /* Semánticos */
    --cf-success: #10B981;
    --cf-error: #EF4444;

    /* Tipografía */
    --cf-font-heading: 'Montserrat', sans-serif;
    --cf-font-body: 'Inter', sans-serif;

    /* Espaciado */
    --cf-max-width: 720px;
    --cf-radius-md: 12px;
    --cf-radius-lg: 16px;
}