Visual System
Corporate visual language and the foundations products build on.
Primary logo
SVG PNG Download logo library
Versions & formats
Clear space & minimum size
min height - Interface & web
- 24 px
- Social & digital ads
- 110 px
- 0.75 in
Misuse
NCS
Core palette
Lead color: the mark, headlines, primary surfaces.
- Pantone
- HEX
- RGB
- CMYK
Working accent: links, markers, data. NCS Thea's primary.
- Pantone
- HEX
- RGB
- CMYK
Warm accent, brand-wide. NCS Thea's accent.
- Pantone
- HEX
- RGB
- CMYK
Quiet secondary: logo gray, supporting text, dividers.
- Pantone
- HEX
- RGB
- CMYK
Semantic colors
- HEX
- RGB
- CMYK
- HEX
- RGB
- CMYK
- HEX
- RGB
- CMYK
- HEX
- RGB
- CMYK
Typefaces
Display & body
Metropolis
Aa Bb Cc · The quick brown fox · 0123
Carries everything from hero to UI label.
Eyebrow & labels
Coda
Aa Bb Cc · The quick brown fox · 0123
The all-caps eyebrow accent only, never a body font.
Code & data
Mono
Aa Bb Cc · The quick brown fox · 0123
System monospace stack — nothing to license or host.
Pairing
Metropolis · 700 · 3.5rem / 56px
Data-driven
Metropolis · 400 · 1rem / 16px
A placeholder paragraph of body copy, two lines long, set in the body role so the pairing can be judged at reading size.
Coda · 400 · 0.75rem / 12px
Speak with an Expert
Scale
Display
Metropolis
Display XL
5.75rem · 92px · 700
lh 0.96 · -0.03em
Largest hero headline
One score.
Display LG
4.5rem · 72px · 700
lh 0.98 · -0.025em
Hero / major display
Endless Insight.
Display MD
3.5rem · 56px · 700
lh 1.02 · -0.02em
Section heading
Data-driven
Display SM
2.75rem · 44px · 700
lh 1.05 · -0.015em
Sub-section heading
Actionable insight
Display XS
2rem · 32px · 700
lh 1.1 · -0.01em
Small heading
Built for the regulator
Body
Metropolis
Body Large
1.125rem · 18px · 400
lh 1.55
Lead paragraph, intros
Government-mandated data, distilled into a single intelligent score.
Body
1rem · 16px · 400
lh 1.55
Default body copy
Pre-screen prospects, accelerate underwriting, monitor portfolio health.
Body Small
0.875rem · 14px · 400
lh 1.5
Supporting / secondary copy
Continuous monitoring, with an auditable trail on every decision.
Label
Coda
Eyebrow
1rem · 16px · 400
lh 1.2 · 0.14em
Eyebrow above headings (Coda)
Introducing NCS Thea
Label / Caption
0.75rem · 12px · 400
lh 1 · 0.18em
Buttons, captions, UI labels (Coda)
Speak with an Expert
Icon library
Download allConcept
Alerts & Reports
Alerts
Blogs
Candor
Collect & Analyze
Curiosity
Economic Realization
Educate & Support
Efficiency Time
Efficiency
Enhanced Planning
Entrepreneurial Spirit
Flexibility
Greater Efficiency
Increased Transparency
Industry Standard
Insights
Integrity
News
NextGen Tools
Risk Detection
Single Source
Stronger Results
Reversed · on Navy
UI icons
Functional UI icons — Hugeicons (free set),
at 24px with currentColor stroke. Distinct from the brand icons above.