Text

Scales & Usages

Headline

An headline is a title format. We recommend using it on showcase sites, on landing pages such as a blog, a marketing site, a 404 error page, ... It instantly catches the eye and quickly conveys information.

Ag
Proxima Nova 700 48px/130%
4XL
Usage : Title(H1)
Color
Text-headline : #0B0C0E
Ag
Proxima Nova 700 40px/130%
3XL
Usage : Title(H1)
Color
Text-headline : #0B0C0E

Title

Titles are used to define the content of a page or section of a page. They introduce the subject matter. For this reason, they are always in bold so as to be the first element to be caught by the eye.

Ag
Proxima Nova 700 28px/130%
H1
H1
Color
Text-title : #22242A
Ag
Proxima Nova 700 24px/130%
H2
XL size
Color
Text-title : #22242A

Subtitle

Subtitles work directly with titles. They add meaning, context or complement the title. Depending on the size or degree of the title, the thickness of the font weight can be adjusted (regular or bold).

Ag
Proxima Nova 700 20px/130%
H3
L size
Color
Text-subtitle : #454854
Ag
Proxima Nova bold 14px/20px
H3-bold
L size
Color
Text-subtitle : #454854

Body

Body represent all the writing text. It means paragraph, information, details...

Ag
Proxima Nova 400 16px/150%
Lead paragraph
M size
Color
Text-body : #505462
Ag
Proxima Nova 700 16px/150%
Lead paragraph-bold
M-bold
Color
Text-body : #505462
Ag
Proxima Nova 400 14px/150%
Paragraph
S size
Color
Text-body : #505462
Ag
Proxima Nova 700 14px/150%
Paragraph-bold
S-bold
Color
Text-body : #505462

Caption

A brief explanation accompanying an illustration, an information or datas.

Ag
Proxima Nova Regular 12px/20px
Caption
XS size
Color
Text-caption : #575B75
Ag
Proxima Bold 12px/20px
H6-bold
XS-bold
Color
-