Typography

Our typography is a collection of text styles that enhance the design and communication.

Font-size

Font Sizing / Font Size / font-size-fixed

32px
Font Size / font-size-fixed / xxl
32px
29px
Font Size / font-size-fixed / xl
29px
20px
Font Size / font-size-fixed / lg
20px
16px
Font Size / font-size-fixed / md
16px
14px
Font Size / font-size-fixed / sm
14px
13px
Font Size / font-size-fixed / xs
13px

Font Sizing / Font Size / font-size-fluid

32px
Font Size / font-size-fluid / xxl
32px
26px
Font Size / font-size-fluid / xl
26px
21px
Font Size / font-size-fluid / lg
21px
17px
Font Size / font-size-fluid / md
17px
14px
Font Size / font-size-fluid / sm
14px
11.5px
Font Size / font-size-fluid / xs
11.5px

 

 

 

 

 

Contextual

contextual / regular

Ag
Ubuntu 400 21px
heading-lg
Suitable for large headlines.
Ag
Ubuntu 400 17px
heading-md
Suitable for medium headlines.
Ag
Ubuntu 400 14px
heading-sm
Suitable for small headlines.
Ag
Open Sans 400 14px
body-sm
Suitable for small body text.
Ag
Open Sans 400 14px, underline
body-sm-link
Suitable for small links.
Ag
Open Sans 400 11.5px
body-xs
Suitable for small description.

contextual / medium

Ag
Ubuntu 500 26px
heading-xl
Suitable for extra large headlines.
Ag
Ubuntu 500 17px
heading-md
Suitable for medium headlines.
Ag
Ubuntu 500 14px
heading-sm
Suitable for small headlines.
Ag
Open Sans 600 14px
body-sm
Suitable for small body text.
Ag
Open Sans 600 11.5px
body-xs
Suitable for small description.

contextual / bold

Ag
Open Sans 700 14px
body-sm
Suitable for small body text.

 

 

 

 

Tabular

tabular / regular

Ag
Inter 400 32px
td-xxl
Suitable for tabular data.
Ag
Inter 400 26px
td-xl
Suitable for tabular data.
Ag
Inter 400 21px
td-lg
Suitable for tabular data.
Ag
Inter 400 17px
td-md
Suitable for tabular data.
Ag
Inter 400 14px
td-sm
Suitable for tabular data.
Ag
Inter 400 11.5px
td-xs
Suitable for tabular data.

tabular / medium

Ag
Inter 500 32px
td-xxl
Suitable for tabular data.
Ag
Inter 500 26px
td-xl
Suitable for tabular data.
Ag
Inter 500 21px
td-lg
Suitable for tabular data.
Ag
Inter 500 17px
td-md
Suitable for tabular data.
Ag
Inter 500 14px
td-sm
Suitable for tabular data.
Ag
Inter 500 11.5px
td-xs
Suitable for tabular data.

tabular / semibold

Ag
Inter 600 32px
td-xxl
Suitable for tabular data.
Ag
Inter 600 26px
td-xl
Suitable for tabular data.
Ag
Inter 600 21px
td-lg
Suitable for tabular data.
Ag
Inter 600 17px
td-md
Suitable for tabular data.
Ag
Inter 600 14px
td-sm
Suitable for tabular data.
Ag
Inter 600 11.5px
td-xs
Suitable for tabular data.