Skip to content
Design Guidelines

Typography

Typography is used to define a hierarchy between content groups and guide the user through the interface. The DS typography is organized into 5 levels of headings, body, buttons, and links, and has color and weights (regular and bold) varied.

Family font

The typographic family is IBM Plex Sans for its versatility and readability, as well as being an open-sourced typeface.

Type scales

0.8125 rem13 px
H5 - Don't design for designers, design for people
0.875 rem14 px

H4 - Don't design for designers, design for people

1 rem16 px

H3 - Don't design for designers, design for people

1.25 rem20 px

H2 - Don't design for designers, design for people

1.5 rem24 px

H1 - Don't design for designers, design for people

Universidade Federal de Santa CatarinaLaboratório Bridge
Siga o Laboratório no LinkedinPágina do Laboratório no FacebookRepositório GithubSiga o Laboratório no Instagram

Laboratório Bridge. 2019.