Cademmy · Estándares de Marca
Cademmy
Manual
de Marca 2026
La guía completa de la identidad visual, voz y estándares de marca de Cademmy — para digital, impresión y eventos.
Learn · Improve · Achieve
Contenido
Qué hay
dentro
  • 01
    Fundamentos de Marca
    Misión · Visión · Valores · Tagline
    04
  • 02
    Voz & Tono
    Principios de escritura · Mayúsculas · Ejemplos
    06
  • 03
    Sistema de Logo
    Variantes · Zona de respeto · Qué hacer y no hacer
    08
  • 04
    Sistema de Color
    Gradiente de marca · 4 paletas · Tokens semánticos
    12
  • 05
    Tipografía
    Montserrat · Inter · JetBrains Mono · Escala
    16
  • 06
    Ecosistema de Producto
    4 subdominios · Colores de unidad · Identidad
    19
  • 07
    Iconografía & UI
    Sistema de iconos · Espaciado · Radio · Sombras
    21
  • 08
    Fotografía e Imágenes
    Estilo · Composición · Sujetos
    24
  • 09
    Movimiento & Animación
    Easing · Duración · Principios
    25
  • 10
    Impresión & Eventos
    Especificaciones · Señalética · Merchandising
    27
Este documento es la referencia oficial de marca para Cademmy. Todos los equipos — marketing, producto, diseño y socios — deben seguir estos estándares para mantener la coherencia de marca en cada punto de contacto.
01
Fundamentos
de Marca
Las creencias, el propósito y el lenguaje que definen quiénes somos en Cademmy — y cómo nos presentamos ante los profesionales ambiciosos a quienes servimos.
Misión
Equipar a cada profesional con las habilidades prácticas para avanzar en su carrera — sin relleno ni superficialidad.
Visión
Un mundo donde tu capacidad de crecer profesionalmente nunca esté limitada por el acceso a aprendizaje de calidad, certificación o asesoría estratégica.
01 · Brand Foundation
04
Valores Fundamentales
Práctico
Todo lo que ofrecemos produce resultados reales. No enseñamos teoría por enseñar. Habilidades, certificaciones y estrategias que funcionan en el mundo real.
Ambicioso
Creemos que la ambición es una virtud. Cademmy está hecho para personas que quieren más — más habilidades, más impacto, más crecimiento profesional. Los acompañamos ahí.
Confiable
Nuestras credenciales significan algo. Empleadores, colegas y estudiantes confían en Cademmy porque establecemos estándares reales y los cumplimos.
Accesible
El crecimiento profesional no debería requerir una red privilegiada ni un gran presupuesto. Cademmy elimina barreras — idioma, costo y complejidad.
Empoderante
Ponemos al estudiante en el centro. Nuestra voz, UX y decisiones de contenido refuerzan: eres capaz, tienes lo que se necesita, Cademmy es tu herramienta.
Claro
Nunca oscurecemos con jerga ni complejidad. Comunicación simple y directa — porque nuestros usuarios merecen entender lo que están obteniendo.
Tagline
Learn · Improve · Achieve
Uso
El tagline siempre aparece en Montserrat Medium. Los tres puntos centrales (·) son un recurso de ritmo visual deliberado que refleja el patrón de puntos del isotipo. Nunca los reemplaces con guiones, comas o barras.
Declaración de Posicionamiento
Cademmy es la plataforma para profesionales ambiciosos que necesitan habilidades prácticas, expertise certificado y orientación estratégica — todo en un solo lugar, accesible desde cualquier parte.
02
Voz
& Tono
Cómo habla Cademmy — directo, empoderador y nunca superficial. La coherencia en el copy genera confianza. Estas reglas gobiernan todo, desde los CTAs hasta los mensajes de error.
Somos
Directos
Empoderadores
Orientados a la Acción
Claros y Accesibles
No Somos
Excesivamente Formales
Coloquiales / Argot
Llenos de Jerga
Centrados en Nosotros ("Nosotros…")
02 · Voz & Tono
06
Ejemplos de Escritura
Do
"Desarrolla las habilidades que tu carrera exige." — verbo de acción, centrado en el usuario, beneficio concreto
Do
"Obtén una certificación reconocida por los mejores empleadores." — específico, creíble, empoderador
Do
"Consultoría estratégica para equipos que van en serio." — seguro, directo, sin relleno
Don't
"¡Somos apasionados de la educación y amamos ayudarte a tener éxito!" — genérico, centrado en la empresa, vago
Don't
"¡Sube de nivel con nuestra increíble plataforma!" — informal, sin sustancia, slogán vacío
Reglas de Capitalización
ContextoReglaEjemplo
Titulares principales Primera letra mayúscula (cortos); Solo primera mayúscula (largos) "Desarrolla Habilidades Que Importan" / "Avanza en tu carrera con herramientas prácticas"
CTAs / Botones Primera letra de cada palabra en mayúscula siempre "Comenzar Ahora" · "Explorar Cursos" · "Reservar Consulta"
Etiquetas y Tags TODO EN MAYÚSCULAS + espaciado amplio CERTIFICACIÓN · NUEVO CURSO · DESTACADO
Cuerpo de texto Solo primera letra mayúscula siempre "Este curso cubre los fundamentos de…"
Navegación Primera letra de cada palabra en mayúscula Mis Cursos · Certificaciones · Consultoría
Mensajes de error / estado Solo primera mayúscula; directos y sin culpar al usuario "Algo salió mal. Por favor intenta de nuevo."
Verbos de Acción Fuertes
Aprende Logra Construye Obtén Crece Lidera Avanza Domina Certifícate Transforma
Política sobre Emojis

Cademmy no utiliza emojis en la UI, copy de marketing ni comunicaciones profesionales. La marca se mantiene limpia, creíble y basada en texto. Los elementos decorativos son para iconografía y diseño visual — nunca emojis como sustituto.

03
Sistema
de Logo
El logo de Cademmy es la expresión más visible de nuestra marca. Úsalo de forma consistente, con respeto, y nunca lo alteres. Cada píxel importa.
Anatomía del Isotipo
Isotipo
Forma C — la letra encerrada en un blob fluido, que representa conectividad y crecimiento
Puntos del blob — círculos orbitales que reflejan el ritmo de puntos del tagline
Gradiente — Amarillo → Magenta, siempre aplicado en dirección 135°
Wordmark
El wordmark "cademmy" siempre va en minúsculas, en Montserrat con peso y espaciado personalizados. Nunca se retipea — siempre usa los archivos bloqueados provistos. El tagline "Learn · Improve · Achieve" aparece debajo en peso más ligero en el lockup horizontal completo.
03 · Sistema de Logo
08
Variantes del Logo
Tres disposiciones × tres variantes de color = nueve lockups aprobados. Usa la versión que mejor se adapte al contexto.
Horizontal — Disposición Principal
Color Horizontal
Color · Fondo ClaroPrincipal. Por defecto para digital e impresión.
White Horizontal
Blanco · Fondo OscuroFondos oscuros, materiales invertidos.
Black Horizontal
Negro · Fondo BlancoImpresión de un solo color, grabado.
Vertical — Disposición Secundaria
Color Vertical
Color · ClaroFormatos cuadrados.
White Vertical
Blanco · OscuroImpresiones oscuras.
Color Vertical White Text
Color + Texto BlancoFondos oscuros.
Black Vertical
Negro · BlancoImpresión de 1 color.
Isotipo — Solo Símbolo
Color Isotipo
ColorFavicons, íconos de app, avatares.
White Isotipo
BlancoFondos oscuros, monocromático.
Black Isotipo
NegroAplicaciones de un solo color.
03 · Logo System
09
Zona de Respeto
Siempre mantén una zona libre mínima igual a la altura de la "c" del wordmark en los cuatro lados. Ningún elemento, imagen, texto o borde puede entrar en esta zona.
Logo 1× altura de cap 1× altura de cap
Tamaños Mínimos
Por debajo de estos tamaños el detalle del isotipo se vuelve ilegible. Nunca uses una versión más pequeña — usa el isotipo solo en su lugar.
Logo: Qué Hacer y No Hacer
Do Usa las variantes de color aprobadas sobre fondos adecuados
Don't Cambiar el color o alterar el gradiente de ninguna manera
Don't Estirar, comprimir o distorsionar las proporciones
Don't Usar sobre fondos de bajo contraste o cargados sin zona libre
Don't Rotar o inclinar el logo en ningún ángulo
Don't Aplicar sombras, contornos o efectos de cualquier tipo
Don't Usar la versión en escala de grises de la marca en color — usa negro en su lugar
cademmy Don't Retipear o recrear el wordmark en cualquier fuente
04
Sistema
de Color
Cademmy usa el color de forma deliberada — para identificar unidades de producto, transmitir significado y crear impacto emocional. Cada tono tiene un rol y una regla.
#F9C418
Amarillo de Marca
RGB 249,196,24
CMYK 0,21,90,2
#F5821F
Naranja de Marca
RGB 245,130,31
CMYK 0,47,87,4
#EF4D2D
Rojo de Marca
RGB 239,77,45
CMYK 0,68,81,6
#C81848
Magenta de Marca
RGB 200,24,72
CMYK 0,88,64,22

El gradiente de marca siempre se aplica a 135°. Nunca lo uses como color de texto en el cuerpo del copy. Restringe su uso a: el isotipo, botones CTA principales en el sitio central y decoraciones de acento. Los cuatro subdominios usan su propio color sólido primario en lugar del gradiente.

04 · Sistema de Color
11
Paleta Neutral
Rige el sitio principal (cademmy.com) y todos los elementos de UI compartidos: texto, bordes y fondos.
neutral-950
#18181F · RGB 24,24,31 · CMYK 23,23,0,88
neutral-900
#22222E · RGB 34,34,46 · CMYK 26,26,0,82
neutral-800
#2E2E3E · wordmark · RGB 46,46,62 · CMYK 26,26,0,76
neutral-700
#3F3F54 · RGB 63,63,84 · CMYK 25,25,0,67
neutral-600
#54546E · RGB 84,84,110 · CMYK 24,24,0,57
neutral-500
#6B6B88 · texto sec. · RGB 107,107,136 · CMYK 21,21,0,47
neutral-400
#8F8FAA · RGB 143,143,170 · CMYK 16,16,0,33
neutral-300
#B4B4CC · bordes · RGB 180,180,204 · CMYK 12,12,0,20
neutral-200
#D8D8E8 · borde def. · RGB 216,216,232 · CMYK 7,7,0,9
neutral-100
#EEEEF5 · fondo aten. · RGB 238,238,245 · CMYK 3,3,0,4
neutral-50
#F7F7FB · fondo sutil · RGB 247,247,251 · CMYK 2,2,0,2
Escalas de Color por Unidad
Cada unidad de producto tiene su propio tono. El nivel 600 es el principal — todo lo demás da soporte a los estados de UI.
Azul Aprendizaje
learning.cademmy.com
Primary 600 → #1A6FE8 · RGB 26,111,232 · CMYK 89,52,0,9
Verde Certificación
certificaciones.cademmy.com
Primary 600 → #1FAD62 · RGB 31,173,98 · CMYK 82,0,43,32
Naranja Consultoría
consulting.cademmy.com
Primary 600 → #E87220 · RGB 232,114,32 · CMYK 0,51,86,9

Usa solo el nivel 600 (primario) para acciones principales y momentos de marca. Usa 100–300 para fondos y destacados sutiles. Reserva 700–900 únicamente para estados hover/activo.

04 · Sistema de Color
12
Tokens de Color Semánticos
Los tokens semánticos abstraen colores en intención. Siempre referencia tokens semánticos en specs de diseño y código — nunca valores hex directos para UI funcional.
Texto
Fondos
Colores de Estado
Éxito
#1FAD62 · cert-600
RGB 31,173,98 · CMYK 82,0,43,32
Confirmaciones, estados completados, retroalimentación positiva
Advertencia
#E87220 · consulting-600
RGB 232,114,32 · CMYK 0,51,86,9
Estados de precaución, acciones incompletas, alertas suaves
Error
#DC2626 · system red
RGB 220,38,38 · CMYK 0,83,83,14
Errores, acciones destructivas, fallos de validación
Información
#1A6FE8 · learning-600
RGB 26,111,232 · CMYK 89,52,0,9
Mensajes informativos, tooltips, texto de ayuda
05
Tipog-
rafía
Tres tipografías, cada una con un rol distinto. Montserrat capta la atención. Inter garantiza la legibilidad. JetBrains Mono señala precisión técnica.
Display / Títulos
Aa
Montserrat
Variable · 100–900 · Tipografía del logo
Cuerpo / UI
Aa
Inter
300–700 · Optimizada para pantallas
Código / Técnico
Aa
JetBrains Mono
400–500 · Contenido de certificación, código
05 · Tipografía
14
Escala Tipográfica y Roles
Display 2XL
Montserrat Black 900
72px / 1.2 / −0.025em
Build Skills
Titulares hero
Display XL
Montserrat Black 900
60px / 1.2 / −0.025em
Advance Your Career
Héroes de sección
H1
Montserrat ExtraBold 800
48px / 1.2 / −0.025em
Earn Certifications That Matter
Títulos de página
H2
Montserrat Bold 700
36px / 1.35 / 0em
Strategic Consulting for Growth
Secciones principales
H3
Montserrat Bold 700
24px / 1.35
Practical Skills for Real Results
Sub-secciones, tarjetas
Body LG
Inter Regular 400
18px / 1.65
Cademmy combina cursos de alta calidad con programas de certificación reconocidos globalmente, diseñados para acelerar tu trayectoria profesional.
Párrafos principales
Body MD
Inter Regular 400
16px / 1.65
Explora más de 200 cursos de negocios, tecnología y liderazgo. Enseñados por profesionales, probados en el mundo real.
Cuerpo de texto estándar
Label LG
Inter SemiBold 600
16px / 1.5 / 0.05em / CAPS
Nuevo Curso · Certificación · Destacado
Etiquetas de categoría, tags
Mono
JetBrains Mono Regular
14px / 1.5
CERT-2026-PRO-001 · exam.cademmy.com
Códigos, tokens, técnico
06 · Ecosistema de Producto
15
Las Cuatro Unidades
Cademmy es una sola marca con cuatro unidades de producto interconectadas. Cada unidad tiene su propia identidad de color mientras comparte la marca maestra Cademmy — isotipo, wordmark, tipografía y voz.

SSO único — los usuarios se autentican una vez en cademmy.com y se mueven libremente entre todos los subdominios. El sistema de identidad compartida asegura que se sienta como una sola plataforma, no cuatro productos separados.

Cademmy Hub
cademmy.com
El hogar de la marca, puerta de acceso SSO y hub central de navegación. Usa el gradiente de marca completo y la paleta neutral. Punto de entrada para todos los usuarios — sin color de producto dedicado.
Gradiente de Marca + Neutral
Gradient
#2E2E3E
#6B6B88
#F7F7FB
Aprendizaje
learning.cademmy.com
Cursos, rutas de aprendizaje y contenido educativo. El azul señala confianza, profundidad y conocimiento. CTAs, barras de progreso y estados activos usan Azul Aprendizaje.
Primary · #1A6FE8
RGB 26,111,232 · CMYK 89,52,0,9
900
600 ★
400
100
Certificación
certificaciones.cademmy.com
Exámenes, insignias, credenciales y certificaciones profesionales. El verde señala logro, validación y crecimiento. Cada insignia obtenida usa el Verde Certificación como color ancla.
Primary · #1FAD62
RGB 31,173,98 · CMYK 82,0,43,32
900
600 ★
400
100
Consultoría
consulting.cademmy.com
Asesoría estratégica, consultoría empresarial y compromisos de equipo. El naranja señala energía, acción y transformación. Audaz y ambicioso.
Primary · #E87220
RGB 232,114,32 · CMYK 0,51,86,9
900
600 ★
400
100
Consistencia entre unidades: Las cuatro unidades comparten títulos Montserrat, cuerpo Inter, la misma escala de espaciado y el isotipo maestro. El color de unidad se aplica solo a elementos interactivos, CTAs y momentos de acento — nunca al wordmark o al isotipo.
07 · Iconografía & UI
16
Iconografía — Lucide Icons
Todas las interfaces de Cademmy usan Lucide Icons — un set consistente basado en trazos. Los iconos siempre son 24px con 1.5px de grosor. El color del icono hereda del texto circundante; nunca codificado.
Escala de Espaciado
space-1
4px — espacio micro
space-2
8px — espacio compacto
space-4
16px — espacio entre componentes
space-6
24px — canaleta de cuadrícula
space-8
32px — padding de sección
space-12
48px — espacios grandes
space-20
80px — ritmo de sección
Radio de Borde
radius-sm · 4px
Insignias, tags
radius-md · 8px
Botones, inputs
radius-lg · 12px
Tarjetas
Elevación & Sombras
shadow-xs
Línea fina
shadow-md
Tarjetas
shadow-xl
Modales
08 · Fotografía e Imágenes
17
Estilo Fotográfico
Las imágenes de Cademmy muestran personas reales en contextos profesionales reales. La fotografía debe sentirse honesta, ambiciosa y diversa — nunca demasiado producida o de banco de imágenes.
Retrato profesional
o foto de trabajo
Personas — Trabajando
Foco: concentración, colaboración, logro. Luz natural preferida. Evitar: sonrisas forzadas, poses cliché.
Espacio de trabajo digital
o dispositivo en uso
Contextos Digitales
Laptops, tabletas, pantallas — mostrando trabajo real en progreso. Escritorios limpios, ambientes modernos. Sin tomas cliché de "manos tipeando".
Colaboración grupal
o entorno de equipo
Equipos & Grupos
Representación diversa en edad, género y origen. Interacción genuina. Grupos pequeños (2–4 personas) sobre grandes multitudes producidas.
Tratamiento de Color
Do
Tratamiento limpio, ligeramente frío-neutral. Blancos naturales. Sombras levemente elevadas. Tonos de piel precisos y cálidos.
Don't
Filtros fuertes, efectos de grano, emulación de película, sobresaturación o viñetas pesadas. Sin lavados extremos cálidos o fríos.
Don't
Fotografía en blanco y negro para imágenes primarias de marca. La escala de grises está reservada solo para uso heredado o de archivo.
Composición & Uso
09 · Motion & Animation
18
Principios de Movimiento
El movimiento en Cademmy es intencionado y contenido. La animación debe ayudar a los usuarios a entender transiciones, confirmar acciones y navegar el contexto — nunca distraer ni actuar por sí misma.
Con Propósito
Cada animación tiene una razón: retroalimentación, orientación o deleite. Si eliminarla no cambia cómo los usuarios entienden la UI, probablemente no pertenece ahí.
Rápido y Sutil
Las animaciones terminan rápido. Los usuarios están aquí para aprender — no deben esperar que la UI termine de actuar. Microinteracciones ≤200ms, entrada/salida ≤350ms.
Consistente
Usa solo las curvas de easing y duraciones definidas a continuación. No uses easing lineal para transiciones visibles — se siente mecánico y sin vida.
Curvas de Easing
ease-out
cubic-bezier(0.0, 0.0, 0.2, 1)
Por defecto — elementos entrando, efectos hover, la mayoría de transiciones
ease-in
cubic-bezier(0.4, 0.0, 1, 1)
Elementos saliendo, siendo descartados o eliminados del DOM
ease-in-out
cubic-bezier(0.4, 0.0, 0.2, 1)
Movimiento continuo, sliders, barras de progreso, carruseles
spring
cubic-bezier(0.34, 1.56, 0.64, 1)
Rebotes interactivos — presión de botones, aparición de modales, estados de celebración
Tokens de Duración
duration-fast
100ms
Microinteracciones — cambios de estado de iconos, toggles, anillos de foco
duration-normal
200ms
Estándar — estados hover, transiciones de color, elevación de tarjetas, tooltips
duration-slow
350ms
Movimientos mayores — modales, drawers, transiciones de página, acordeones
Estados Hover
Las tarjetas se elevan con translateY(-2px) + aumento de sombra. Los botones CTA cambian un nivel más oscuro. Nunca reduzcas la opacidad del texto al hacer hover — cambia el color en su lugar.
Accesibilidad
All animations must respect prefers-reduced-motion. Cuando esta media query esté activa, desactiva todas las transiciones y animaciones sin romper la funcionalidad.
10
Print &
Events
From business cards to banner stands, Cademmy in the physical world must feel as precise and professional as our digital products. These specs ensure it.
Modo de Color para Impresión
Todos los materiales impresos usan el modo de color CMYK. El gradiente de marca se traduce a una mezcla CMYK; solicita los perfiles CMYK al equipo de marca. Nunca imprimas directamente desde archivos RGB.

Para impresión con colores Pantone directos (insignias, merch, señalética), usa las coincidencias más cercanas: Naranja de Marca → PMS 1505 C · Azul Aprendizaje → PMS 285 C · Verde Certificación → PMS 354 C

Formatos de Archivo para Impresión
PDF/X-1a o PDF/X-4 — formato estándar listo para imprenta con fuentes incrustadas y color CMYK
AI / EPS — para archivos de logo entregados a terceros (imprentas, proveedores)
PNG (300dpi+) — aceptable solo para pruebas digitales y maquetas
10 · Print & Events
20
Especificaciones de Materiales
Tipografía para Impresión
Incrusta todos los archivos Montserrat e Inter en las exportaciones PDF. Texto de cuerpo mínimo: 8pt. Letra pequeña mínimo: 6pt. Tamaño preferido: 10–11pt. Los titulares siguen la misma escala tipográfica — reduce proporcionalmente desde los tamaños de pantalla.
Eventos & Merchandising

Principio de merchandising: Siempre destaca el isotipo o wordmark sobre un fondo oscuro limpio (carbón) o de gradiente. Evita colocar el logo sobre fotos o patrones cargados. Las versiones monocromas en negro o blanco son preferidas para la mayoría de aplicaciones de bordado.

Pantallas Digitales en Eventos
Para paredes LED, pantallas de escenario y señalética digital en eventos: exportar a mínimo 1920×1080 (Full HD), usar la variante de fondo oscuro (#22222E), y limitar el contenido animado a un loop suave del gradiente o isotipo. Sin destellos rápidos ni efectos estroboscópicos.
Brand Architecture Summary
21
Todo de un Vistazo
Identidad Central
Fondos Principales
#FFFFFF base
#F7F7FB subtle
#EEEEF5 muted
#22222E dark
Referencia Rápida de Unidades
Cademmy Hub · cademmy.com
Brand Gradient + Neutral Gray
Aprendizaje · learning.cademmy.com
#1A6FE8 · learning-600
Certificación · certificaciones.cademmy.com
#1FAD62 · cert-600
Consultoría · consulting.cademmy.com
#E87220 · consulting-600
Contactos de Marca
Para aprobaciones de marca, archivos de logo, licencias de fuentes o cualquier pregunta de uso, contacta al equipo de Marca & Diseño antes de producir nuevos materiales. La integridad de marca es una responsabilidad compartida — ante la duda, consulta.
Marca & Diseño · Cademmy Inc. · 2026
Hecha para Durar.
Esta marca es una herramienta para todos los que representan a Cademmy — úsala con cuidado, consistencia y orgullo. Los detalles importan porque nuestros estudiantes no merecen menos.
Marca & Diseño
Sitio Principal
cademmy.com
Prensa & Medios
Manual de Marca 2026 · Versión 1.0 · © Cademmy Inc. Todos los derechos reservados.