NorbieLink
search close
Home› Foundations› Typography

Typography

arrow_back arrow_forward

Norbielink uses Montserrat exclusively across all interfaces — a geometric sans-serif chosen for its clarity, professionalism, and versatility across headings and UI text.

Montserrat — Primary Typeface
Aa
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
Display
Display
Heading
Heading
Body
Body text for content
Label
OVERLINE LABEL

Type scale

Thirteen styles across five categories provide a structured hierarchy for every UI context — from page-level displays to microcopy.

Role
Preview
Size
Line Height
Weight
Display LargeMontserrat / 800
Display
52px
60px
800
H1 — Page TitleMontserrat / 700
Page Heading
36px
44px
700
H2 — SectionMontserrat / 600
Section Heading
27px
34px
600
H3 — SubsectionMontserrat / 600
Subsection Heading
22px
28px
600
H4 — Card TitleMontserrat / 600
Card Title
18px
24px
600
Body LargeMontserrat / 400
Large body text for introductions and key content
16px
26px
400
Body MediumMontserrat / 400
Standard body — nav items, table cells, form fields
14px
22px
400
Body SmallMontserrat / 400
Secondary body, form labels, metadata
13px
20px
400
Label MediumMontserrat / 500
Button text, input labels, captions
12px
18px
500
Label SmallMontserrat / 400
Helper text, tooltips, tiny captions
11px
16px
400
OverlineMontserrat / 700
SECTION LABEL / OVERLINE
11px
14px
700

Typography elements

How each semantic HTML element is styled within Norbielink interfaces.

h1
The Art of Good Design
h2
Section Heading
h3
Subsection Heading
h4
Card or Panel Title
p
The king, seeing how much he was distressed, permitted him, though sorely against his will, to return to his own country with all the honors due to his rank.
lead
A modal dialog that interrupts the user with important content and expects a response.
blockquote
"Simplicity is the ultimate sophistication — every element must earn its place in the design."
table
King Status Years
Albrecht IHoly Roman Emperor1282–1308
Henry IVHoly Roman Emperor1056–1105
ul
  • 1st level of puns: 5 gold coins
  • 2nd level of jokes: 10 silver coins
  • 3rd level of riddles: 20 copper coins
inline code
Use @font-face to load Montserrat or reference it via Google Fonts.
muted
Enter your email address to receive notifications.

Applying type

These examples show how type styles work together in real UI contexts.

Page header pattern
STYLES / COLOR
Marketplace
Start a new quote by selecting a line of business below.
Card content pattern
NorbieLink Tour
New to the dashboard? Take a guided tour to explore features and capabilities.
Launch Tour →
Table header pattern
APPLICANT STATUS
Jane Smith Sold/Issued
Navigation text pattern
Marketplace
Quotes
Policies

Font weights

Only four weights are used across the system to maintain visual coherence.

Montserrat
400 — Regular
Montserrat
500 — Medium
Montserrat
600 — SemiBold
Montserrat
700 — Bold
Montserrat
800 — ExtraBold (logo only)