Brand Guidelines
CT

CréditoTop

Tu camino hacia el capital inteligente

01 · Identidad de Marca

¿Quién es CréditoTop?

La autoridad en acceso a capital comercial al 0% para empresarios hispanos en Estados Unidos.

Marca CréditoTop — una marca de SyncServe LLC
Fundador Walter Pagano
Tagline "Tu camino hacia el capital inteligente"
Industria Mentoría financiera & Capital comercial para hispanos en USA
Personalidad Autoritario · Accesible · Directo · Educativo · Aspiracional
Handle @finanzasconwalter
Web creditotop.com
Email info@creditotop.com
Ubicación Florida, Estados Unidos
$15M+
Capital gestionado
70+
Emprendedores acompañados
10+
Bancos aliados
0%
Interés en capital

Pilares de Marca

Pilar 01

Autoridad Financiera

Conocimiento profundo del sistema bancario americano respaldado por +$15M en capital gestionado y relaciones directas con los principales bancos.

Pilar 02

Acompañamiento Real

No vendemos cursos ni plantillas. Acompañamiento personalizado 1:1 donde Walter trabaja contigo mano a mano hasta la aprobación de tu capital.

Pilar 03

Capital Estratégico al 0%

Un sistema probado de construcción + stacking que permite a latinos en USA acceder de $50K a +$200K sin intereses y sin importar su estatus.

02 · Paleta de Colores

Color System

Azul navy profundo como base de confianza y autoridad. Verde esmeralda como acento de crecimiento, capital y oportunidad.

Colores Base

Navy Deep
#001A3A
Fondo principal, dark mode
Navy Core
#002E5D
Headers, textos principales
Navy Mid
#0A3D6B
Cards, secciones elevadas
Ice White
#F8FAFB
Texto sobre fondos oscuros

Color de Acento

Esmeralda Capital
#2ECC71
CTAs, destacados, icons
Esmeralda Light
#54D98C
Badges, hover states
Esmeralda Deep
#1FA85A
Gradientes, hover CTAs

Regla: El verde esmeralda es un acento, no dominante. Máx 10–15% de presencia visual. El navy transmite confianza y autoridad; el verde, crecimiento y oportunidad.

03 · Tipografía

Inter

Google Fonts →

Hero · 900 CréditoTop
Headline · 800 Accede a +$200K en capital al 0%
Subtitle · 600 Sección Destacada
Body · 400 Texto de párrafo con line-height generoso para máxima legibilidad en todos los dispositivos y contextos.
Label · 300 Categoría · Etiqueta · Meta
04 · Componentes

UI Kit

Componentes reutilizables para GHL, landing pages y materiales de comunicación.

CTA Button — Primary Ver Clase Gratis
Outline Button — Secondary Conocer Más
Glass Button — Tertiary Agendar Consulta
Eyebrow Badge Capital al 0% de interés
Testimonial Card

"Gracias al método de Walter pude acceder a más de $100,000 en capital al 0% para mi negocio. Algo que creía imposible hace 3 meses."

— Ana de Orbegoso · Cliente CréditoTop

05 · Dirección Visual

Visual Direction

Iluminación
Natural + Studio
Mood
Confianza · Aspiracional
Composición
Centrada · Limpia
Color
Tonos navy + verdes
Pose / Estilo
Profesional · Empoderado
06 · Tono de Voz

Brand Voice

Idioma
Español (US Latino)
Tono
Directo · Educativo
Perspectiva
1ª persona + tú
Energía
Alta · Empoderada

Frases Clave de la Marca

Qué decir vs Qué NO decir

✅ Sí decir

  • "Capital estratégico", "perfil crediticio", "acompañamiento 1:1"
  • "Método probado con +70 emprendedores"
  • "Sin intereses, de forma garantizada"
  • Terminología financiera precisa en inglés cuando aplica

❌ No decir

  • "Dinero fácil", "hazte rico rápido", "sin esfuerzo"
  • "Reparamos tu crédito" (no somos reparadora)
  • Prometer resultados sin contexto de perfil
  • Lenguaje informal excesivo o jerga callejera
07 · Design Tokens

CSS Variables

Variables listas para copiar en GHL Custom CSS, landing pages y cualquier asset digital. 

/* ── CréditoTop Design Tokens ── */
:root {
    /* ── Colores Base ── */
    --brand-navy: #002E5D;
    --brand-navy-deep: #001A3A;
    --brand-navy-mid: #0A3D6B;
    --brand-white: #F8FAFB;
    --brand-text: #C8D6E0;
    --brand-gray-mid: #5A7A8F;

    /* ── Acento ── */
    --brand-accent: #2ECC71;
    --brand-accent-light: #54D98C;
    --brand-accent-deep: #1FA85A;
    --brand-accent-glow: rgba(46, 204, 113, 0.15);
    --brand-accent-gradient: linear-gradient(135deg, #2ECC71, #1FA85A);

    /* ── Overlays ── */
    --brand-overlay-hero: rgba(0, 26, 58, 0.75);
    --brand-overlay-card: rgba(255, 255, 255, 0.025);

    /* ── Tipografía ── */
    --brand-font: 'Inter', -apple-system, sans-serif;

    /* ── Espaciado ── */
    --brand-radius: 16px;
    --brand-radius-lg: 24px;
    --brand-max-content: 860px;
    --brand-transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    --brand-shadow-card: 0 8px 32px rgba(0, 0, 0, 0.25);
    --brand-shadow-glow: 0 0 40px var(--brand-accent-glow);
}
08 · Usos Incorrectos

Don'ts