04
06| Contexto | Regla | Ejemplo |
|---|---|---|
| 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." |
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.
08
09
1× altura de cap
1×
1× altura de cap
1×
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
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.
11Usa 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.
12
14
15SSO ú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.
16
17
18translateY(-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.prefers-reduced-motion. Cuando esta media query esté activa, desactiva todas las transiciones y animaciones sin romper la funcionalidad.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
20
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.
21
