Basis
  • Playground

FOUNDATION

  • Typography
  • Spacing
  • Colors
Version 1.51.0

Typography

  • Overview
  • Usage

Text Style

Example

Font Family

Font Weight

Case

Font Size

Line Height

Letter Spacing

hero

Hello

Montserrat

Semi-bold 600

Sentence

104px

120px

-2.28px

heading1

Hello

Montserrat

Semi-bold 600

Sentence

48px

56px

-1.05px

heading2

Hello

Montserrat

Semi-bold 600

Sentence

40px

48px

-0.88px

heading3

Hello

Montserrat

Semi-bold 600

Sentence

32px

36px

-0.7px

heading4

Hello

Montserrat

Semi-bold 600

Sentence

24px

28px

-0.52px

heading5

Hello

Montserrat

Semi-bold 600

Sentence

20px

24px

-0.44px

heading6

Hello

Montserrat

Semi-bold 600

Sentence

16px

22px

-0.35px

subtitle1

Hello

Roboto

Light 300 / Medium 500

Sentence

24px

36px

0px

subtitle2

Hello

Roboto

Light 300 / Medium 500

Sentence

18px

28px

0px

body1

Hello

Roboto

Light 300 / Medium 500

Sentence

16px

24px

0px

body2

Hello

Roboto

Light 300 / Medium 500

Sentence

14px

20px

0px

legal

Hello

Roboto

Light 300 / Medium 500

Sentence

14px

24px

0px

overline

Hello

Roboto

Bold 700

Uppercase

14px

20px

2.6px