Cademmy · Brand Standards
Brand
Manual 2026
Manual 2026
The complete guide to Cademmy's visual identity, voice, and brand standards — for digital, print, and events.
Learn · Improve · Achieve
Contents
What's
Inside
Inside
-
0104Brand FoundationMission · Vision · Values · Tagline
-
0206Voice & ToneWriting principles · Casing · Examples
-
0308Logo SystemVariants · Clear space · Dos & Don'ts
-
0412Color SystemBrand gradient · 4 palettes · Semantic tokens
-
0516TypographyMontserrat · Inter · JetBrains Mono · Scale
-
0619Product Ecosystem4 subdomains · Unit colors · Identity
-
0721Iconography & UIIcon system · Spacing · Radius · Shadows
-
0824Photography & ImageryStyle · Composition · Subjects
-
0925Motion & AnimationEasing · Duration · Principles
-
1027Print & EventsPrint specs · Signage · Merch guidelines
This document is the authoritative brand reference for Cademmy. All teams — marketing, product, design, and partners — must adhere to these standards to maintain brand consistency across every touchpoint.
01
Brand
Foundation
Foundation
The beliefs, purpose, and language that define who Cademmy is — and how we show up for the ambitious professionals we serve.
Mission
Equip every professional with the practical skills to advance their career — without the fluff.
Vision
A world where your ability to grow professionally is never limited by access to quality learning, certification, or strategic guidance.
01 · Brand Foundation
04Core Values
Practical
Everything we offer produces real results. We don't teach theory for theory's sake. Skills, certifications, and strategies that work in the real world.
Ambitious
We believe ambition is a virtue. Cademmy is built for people who want more — more skills, more impact, more career growth. We meet them there.
Trustworthy
Our credentials mean something. Employers, colleagues, and learners trust Cademmy because we set real standards and hold ourselves to them.
Accessible
Professional growth shouldn't require a prestigious network or a big budget. Cademmy removes barriers — language, cost, and complexity.
Empowering
We center the learner. Our voice, UX, and content choices all reinforce: you are capable, you have what it takes, Cademmy is your tool.
Clear
We never obscure with jargon or complexity. Simple, direct communication — because our users deserve to understand what they're getting.
Tagline
Learn · Improve · Achieve
Usage
The tagline always appears in Montserrat Medium. The three middle dots (·) are a deliberate visual rhythm device that mirrors the blob pattern in the isotipo. Never replace the dots with dashes, commas, or pipes.
Brand Positioning Statement
Cademmy is the platform for ambitious professionals who need practical skills, credentialed expertise, and strategic guidance — all in one place, accessible from anywhere.
02
Voice
& Tone
& Tone
How Cademmy speaks — direct, empowering, and never fluffy. Consistent copy builds trust. These rules govern everything from CTAs to error messages.
We Are
Direct
Empowering
Action-Oriented
Clear & Accessible
We Are Not
Overly Formal
Casual / Slang
Jargon-Heavy
Self-Centered ("We…")
02 · Voice & Tone
06Writing Examples
Do
"Build the skills your career demands." — action verb, user-centered, concrete benefit
Do
"Earn a certification recognized by top employers." — specific, credible, empowering
Do
"Strategic consulting for teams that mean business." — confident, direct, no filler
Don't
"We are passionate about education and love helping you succeed!" — generic, company-centered, vague
Don't
"Level up your skills with our amazing platform!" — informal, no substance, slogan-like
Text Casing Rules
| Context | Rule | Example |
|---|---|---|
| Display Headlines | Title Case (short); Sentence case (long) | "Build Skills That Matter" / "Advance your career with practical tools" |
| CTAs / Buttons | Title Case always | "Get Started" · "Explore Courses" · "Book a Consultation" |
| Labels & Tags | ALL CAPS + wide tracking | CERTIFICATION · NEW COURSE · FEATURED |
| Body Copy | Sentence case always | "This course covers the fundamentals of…" |
| Navigation | Title Case | My Courses · Certifications · Consulting |
| Error / Status Messages | Sentence case; direct and non-blaming | "Something went wrong. Please try again." |
Strong Action Verbs
Learn
Achieve
Build
Earn
Grow
Lead
Advance
Master
Certify
Transform
Emoji Policy
Cademmy does not use emoji in UI, marketing copy, or professional communications. The brand stays clean, credible, and text-driven. Reserve decorative elements for iconography and visual design — never emoji as a substitute.
03
Logo
System
System
The Cademmy logo is the most visible expression of our brand. Use it consistently, respectfully, and never alter it. Every pixel matters.
Isotipo Anatomy
C-form — the letterform enclosed in a flowing blob, representing connectivity and growth
Blob dots — orbiting circles mirror the tagline's dot rhythm
Gradient — Yellow → Magenta, always applied in 135° direction
Wordmark
The wordmark "cademmy" is always lowercase, set in Montserrat with custom weight and spacing. It is never retyped — always use the provided locked files. The tagline "Learn · Improve · Achieve" appears below in a lighter weight on the full horizontal lockup.
03 · Logo System
08Logo Variants
Three layouts × three color variants = nine approved lockups. Use the version that best fits the context.
Horizontal — Primary Layout
Color · Light BGPrimary. Default for digital and print.
White · Dark BGDark backgrounds, reversed materials.
Black · White BGSingle-color print, embossing.
Vertical — Secondary Layout
Color · LightSquare formats.
White · DarkDark prints.
Color + White textDark backgrounds.
Black · White1-color print.
Isotipo — Icon Mark Only
ColorFavicons, app icons, avatars.
WhiteDark backgrounds, monochrome.
BlackSingle-color applications.
03 · Logo System
09Clear Space
Always maintain a minimum clear zone equal to the height of the "c" in the wordmark on all four sides. No other element, image, text, or edge may enter this zone.
1× cap height
1×
1× cap height
1×
Minimum Sizes
Below these sizes the isotipo detail becomes illegible. Never use a smaller version — use the isotipo-only mark instead.
Horizontal · Digital
120px wide
Horizontal · Print
35mm wide
Vertical · Digital
80px wide
Isotipo only · Digital
24px wide
Isotipo only · Print
8mm wide
Logo Dos & Don'ts
Do
Use approved color variants on appropriate backgrounds
Don't
Recolor or alter the gradient in any way
Don't
Stretch, squish, or distort proportions
Don't
Use on low-contrast or busy backgrounds without a clear zone
Don't
Rotate or tilt the logo at any angle
Don't
Apply drop shadows, outlines, or effects
Don't
Use greyscale version of the color mark — use black instead
cademmy
Don't
Retype or recreate the wordmark in any font
04
Color
System
System
Cademmy uses color deliberately — to identify product units, convey meaning, and create emotional impact. Every hue has a role and a rule.
#F9C418
Brand Yellow
RGB 249,196,24
CMYK 0,21,90,2
#F5821F
Brand Orange
RGB 245,130,31
CMYK 0,47,87,4
#EF4D2D
Brand Red
RGB 239,77,45
CMYK 0,68,81,6
#C81848
Brand Magenta
RGB 200,24,72
CMYK 0,88,64,22
The brand gradient is always applied at 135° (top-left to bottom-right). Never use it as a text color on body copy. Restrict gradient usage to: the isotipo, primary CTA buttons on the main site, and accent decorations. All four subdomains use their own solid primary color instead of the gradient.
04 · Color System
11Neutral Palette
Governs the main site (cademmy.com) and all shared UI elements: text, borders, backgrounds.
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 · sec. text · RGB 107,107,136 · CMYK 21,21,0,47
neutral-400
#8F8FAA · RGB 143,143,170 · CMYK 16,16,0,33
neutral-300
#B4B4CC · borders · RGB 180,180,204 · CMYK 12,12,0,20
neutral-200
#D8D8E8 · default border · RGB 216,216,232 · CMYK 7,7,0,9
neutral-100
#EEEEF5 · bg muted · RGB 238,238,245 · CMYK 3,3,0,4
neutral-50
#F7F7FB · bg subtle · RGB 247,247,251 · CMYK 2,2,0,2
Unit Color Scales
Each product unit owns one hue. The 600 stop is the primary — everything else supports UI states.
Learning Blue
learning.cademmy.com
Primary 600 → #1A6FE8 · RGB 26,111,232 · CMYK 89,52,0,9
Certification Green
certificaciones.cademmy.com
Primary 600 → #1FAD62 · RGB 31,173,98 · CMYK 82,0,43,32
Consulting Orange
consulting.cademmy.com
Primary 600 → #E87220 · RGB 232,114,32 · CMYK 0,51,86,9
Use only the 600 (primary) stop for main actions and brand moments. Use 100–300 for backgrounds and subtle highlights. Reserve 700–900 for hover/active states only.
04 · Color System
12Semantic Color Tokens
Semantic tokens abstract raw colors into intent. Always reference semantic tokens in design specs and code — never raw hex values for functional UI.
Text
text-primary
#2E2E3E · RGB 46,46,62 · CMYK 26,26,0,76 · Main body and headings
text-secondary
#6B6B88 · RGB 107,107,136 · CMYK 21,21,0,47 · Supporting copy
text-tertiary
#8F8FAA · RGB 143,143,170 · CMYK 16,16,0,33 · Placeholders, disabled
text-inverse
#FFFFFF · RGB 255,255,255 · CMYK 0,0,0,0 · On dark backgrounds
text-link
#1A6FE8 · RGB 26,111,232 · CMYK 89,52,0,9 · Hyperlinks
Backgrounds
bg-base
#FFFFFF · RGB 255,255,255 · CMYK 0,0,0,0 · Page base
bg-subtle
#F7F7FB · RGB 247,247,251 · CMYK 2,2,0,2 · Section alternation
bg-muted
#EEEEF5 · RGB 238,238,245 · CMYK 3,3,0,4 · Cards on subtle
bg-inverse
#22222E · RGB 34,34,46 · CMYK 26,26,0,82 · Dark sections, footers
Status Colors
Success
#1FAD62 · cert-600
RGB 31,173,98 · CMYK 82,0,43,32
Confirmations, completed states, positive feedback
Warning
#E87220 · consulting-600
RGB 232,114,32 · CMYK 0,51,86,9
Caution states, incomplete actions, soft alerts
Error
#DC2626 · system red
RGB 220,38,38 · CMYK 0,83,83,14
Errors, destructive actions, validation failures
Info
#1A6FE8 · learning-600
RGB 26,111,232 · CMYK 89,52,0,9
Informational messages, tooltips, help text
05
Typog-
raphy
raphy
Three typefaces, each with a distinct role. Montserrat commands attention. Inter ensures readability. JetBrains Mono signals technical precision.
Display / Headings
Aa
Montserrat
Variable · 100–900 · Logo typeface
Body / UI
Aa
Inter
300–700 · Optimized for screens
Code / Technical
Aa
JetBrains Mono
400–500 · Certification content, code
05 · Typography
14Type Scale & Roles
Hero headlines
Advance Your Career
Section heroes
Earn Certifications That Matter
Page titles
Strategic Consulting for Growth
Major sections
Practical Skills for Real Results
Sub-sections, cards
Cademmy combines high-quality courses with globally recognized certification programs designed to accelerate your professional trajectory.
Lead paragraphs
Explore over 200 courses across business, technology, and leadership. Taught by practitioners, tested in the real world.
Standard body copy
New Course · Certification · Featured
Category labels, tags
CERT-2026-PRO-001 · exam.cademmy.com
Codes, tokens, technical
06 · Product Ecosystem
15The Four Units
Cademmy is a single brand with four interconnected product units. Each unit has its own color identity while sharing the master Cademmy brand — isotipo, wordmark, typography, and voice.
Single SSO — users authenticate once at cademmy.com and move freely between all subdomains. The shared identity system ensures this feels like one platform, not four separate products.
Cademmy Hub
cademmy.com
The brand home, SSO gateway, and central navigation hub. Uses the full brand gradient and neutral palette. Entry point for all users — no dedicated product color.
Brand Gradient + Neutral
Gradient
#2E2E3E
#6B6B88
#F7F7FB
Learning
learning.cademmy.com
Courses, learning paths, and educational content. Blue signals trust, depth, and knowledge — the qualities that define excellent education. CTAs, progress bars, and active states all use Learning Blue.
Primary · #1A6FE8
RGB 26,111,232 · CMYK 89,52,0,9
900
600 ★
400
100
Certification
certificaciones.cademmy.com
Exams, badges, credentials, and professional certifications. Green signals achievement, validation, and growth. Every earned badge uses the Certification Green as its anchor color.
Primary · #1FAD62
RGB 31,173,98 · CMYK 82,0,43,32
900
600 ★
400
100
Consulting
consulting.cademmy.com
Strategic advisory, business consulting, and team engagements. Orange signals energy, action, and transformation — the drive to move organizations forward. Bold and ambitious.
Primary · #E87220
RGB 232,114,32 · CMYK 0,51,86,9
900
600 ★
400
100
Cross-unit consistency: All four units share Montserrat headings, Inter body, the same spacing scale, and the master isotipo. The unit color is applied only to interactive elements, CTAs, and accent moments — never to the wordmark or isotipo.
07 · Iconography & UI
16Iconography — Lucide Icons
All Cademmy interfaces use Lucide Icons — a consistent, stroke-based icon set. Icons are always 24px at 1.5px stroke width. Icon color inherits from the surrounding text; never hardcoded.
Spacing Scale
Border Radius
radius-sm · 4px
Badges, tags
Badges, tags
radius-md · 8px
Buttons, inputs
Buttons, inputs
radius-lg · 12px
Cards
Cards
Elevation & Shadows
shadow-xs
Hairline
Hairline
shadow-md
Cards
Cards
shadow-xl
Modals
Modals
08 · Photography & Imagery
17Photography Style
Cademmy imagery shows real people in real professional contexts. Photography should feel honest, ambitious, and diverse — never overly staged or stock-y.
Professional headshot
or working photo
or working photo
People — Working
Focus: concentration, collaboration, achievement. Natural light preferred. Avoid: forced smiles, cheesy poses.
Digital workspace
or device in use
or device in use
Digital Contexts
Laptops, tablets, screens — showing actual work in progress. Clean desks, modern environments. No cliché "typing hands" shots.
Group collaboration
or team setting
or team setting
Teams & Groups
Diverse representation across age, gender, and background. Genuine interaction. Small groups (2–4 people) over large staged crowds.
Color Grading
Do
Clean, slightly cool-neutral grading. Natural whites. Slightly lifted shadows. Skin tones accurate and warm.
Don't
Heavy filters, grain effects, film emulation, oversaturation, or heavy vignettes. No extreme warm/cool washes.
Don't
Black & white photography for primary brand imagery. Greyscale is reserved for legacy or archival use only.
Composition & Usage
Aspect Ratios
16:9 (hero) · 4:3 (cards) · 1:1 (avatars)
Resolution
Min 72dpi screen · 300dpi print
Format · Web
WebP preferred, JPEG fallback
Format · Print
TIFF or high-quality JPEG, CMYK
Overlay text
Use dark overlay (50–70%) or gradient for legibility
09 · Motion & Animation
18Motion Principles
Cademmy motion is purposeful and restrained. Animation should help users understand transitions, confirm actions, and navigate context — never distract or perform for its own sake.
Purposeful
Every animation has a reason: feedback, orientation, or delight. If removing it doesn't change how users understand the UI, it probably doesn't belong.
Fast & Subtle
Animations complete quickly. Users are here to learn — they shouldn't wait for UI to finish performing. Micro-interactions ≤200ms, enter/exit ≤350ms.
Consistent
Use only the defined easing curves and durations below. Do not use linear easing for visible transitions — it feels mechanical and lifeless.
Easing Curves
ease-out
cubic-bezier(0.0, 0.0, 0.2, 1)
Default — elements entering, hover effects, most transitions
ease-in
cubic-bezier(0.4, 0.0, 1, 1)
Elements exiting, being dismissed or removed from DOM
ease-in-out
cubic-bezier(0.4, 0.0, 0.2, 1)
Continuous motion, sliders, progress bars, carousels
spring
cubic-bezier(0.34, 1.56, 0.64, 1)
Interactive bounces — button presses, modal pops, celebration states
Duration Tokens
duration-fast
100ms
Micro-interactions — icon state changes, checkbox toggles, focus rings
duration-normal
200ms
Standard — hover states, color transitions, card lifts, tooltips
duration-slow
350ms
Larger motions — modals, drawers, page transitions, accordions
Hover States
Cards lift with
translateY(-2px) + shadow increase. CTA buttons shift color 1 stop darker. Never reduce text opacity on hover — shift color instead.Accessibility
All animations must respect
prefers-reduced-motion. When this media query is active, disable all transitions and animations without breaking functionality.10
Print &
Events
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.
Print Color Mode
All print materials use CMYK color mode. The brand gradient translates to a CMYK blend; request CMYK profiles from the brand team. Never print directly from RGB files.
For Pantone spot-color printing (badges, merch, signage), use the closest Pantone matches: Brand Orange → PMS 1505 C · Brand Blue (Learning) → PMS 285 C · Brand Green (Cert) → PMS 354 C
File Formats for Print
PDF/X-1a or PDF/X-4 — standard press-ready format with embedded fonts and CMYK color
AI / EPS — for logo files delivered to third parties (printers, vendors)
PNG (300dpi+) — acceptable for digital proof and mockup use only
10 · Print & Events
20Collateral Specifications
Business Card
Front: logo + tagline · Back: contact info
85 × 55 mm
3mm bleed
3mm bleed
Letterhead
Logo top-left, footer with gradient bar
A4 / Letter
20mm margins
20mm margins
Presentation Deck
16:9 slide format, Montserrat headings
1920 × 1080 px
Pull-Up Banner
Logo large on gradient, minimal copy
800 × 2000 mm
Event Badge / Lanyard
Isotipo + name, unit color coding
100 × 150 mm
A4 Brochure (tri-fold)
3mm bleed all sides, 5mm safe zone
A4 · CMYK
Event Step-&-Repeat
Staggered logo pattern on dark bg
3000 × 2000 mm
Certificate
Portrait, gold border, cert-green accent
A4 · 300dpi
Typography for Print
Embed all Montserrat and Inter font files in PDF exports. Minimum body text for print: 8pt. Minimum fine print / legal copy: 6pt. Preferred body size: 10–11pt. Headlines in print follow the same type scale — scale down proportionally from screen sizes.
Event & Merchandise
Merchandise principle: Always lead with the isotipo or wordmark on a clean dark (charcoal) or gradient background. Avoid placing the logo on photos or busy patterns. Single-color black or white versions are preferred for most embroidery applications.
Event Digital Screens
For LED walls, stage screens, and digital signage at events: export at minimum 1920×1080 (Full HD), use the dark background variant (#22222E), and keep animated content to a gentle loop of the gradient or isotipo. No rapid flashing or strobe effects.
Brand Architecture Summary
21Everything at a Glance
Core Identity
Wordmark
cademmy (lowercase, Montserrat Black)
Tagline
Learn · Improve · Achieve
Brand Gradient
#F9C418 → #F5821F → #EF4D2D → #C81848
Display Font
Montserrat (Variable, 100–900)
Body Font
Inter (300–700)
Mono Font
JetBrains Mono (400–500)
Base Spacing Unit
4px
Max Content Width
1280px · 12-col grid · 24px gutters
Icon System
Lucide Icons · 24px · stroke 1.5
Focus Ring
2px solid #1A6FE8 (Learning Blue)
Key Backgrounds
#FFFFFF base
#F7F7FB subtle
#EEEEF5 muted
#22222E dark
Unit Quick Reference
Cademmy Hub · cademmy.com
Brand Gradient + Neutral Gray
Learning · learning.cademmy.com
#1A6FE8 · learning-600
Certification · certificaciones.cademmy.com
#1FAD62 · cert-600
Consulting · consulting.cademmy.com
#E87220 · consulting-600
Brand Contacts
For brand approvals, logo files, font licenses, or any usage questions, reach the Brand & Design team before producing new materials. Brand integrity is a shared responsibility — when in doubt, ask.
Brand & Design · Cademmy Inc. · 2026
Made to Last.
This brand is a tool for everyone who represents Cademmy — use it with care, consistency, and pride. The details matter because our learners deserve nothing less.
Brand Manual 2026 · Version 1.0 · © Cademmy Inc. All rights reserved.