04

Typography

04

Typography

04

Typography

Rubik Black is our primary typeface. We chose Rubik for readability, and because it resembled the shapes and border radii of the logo.

Rubik Black is our primary typeface. We chose Rubik for readability, and because it resembled the shapes and border radii of the logo.

Rubik Black is our primary typeface. We chose Rubik for readability, and because it resembled the shapes and border radii of the logo.

Font

Font

Rubik Regular is mainly used for body text, while SemiBold is used for paragraph headings. Bold is to be used for section headers, and Black is for super headings.

Rubik Regular is mainly used for body text, while SemiBold is used for paragraph headings. Bold is to be used for section headers, and Black is for super headings.

Rubik

Plus
Jakarta
Sans

Rubik

Weights & Styles

Weights & Styles

To ensure coherence, we adhere to a restrained approach in selecting font weights and styles. Within the Rubik family, we primarily utilize Black, Semibold, and Regular variants for our brand identity.

To ensure coherence, we adhere to a restrained approach in selecting font weights and styles. Within the Rubik family, we primarily utilize Black, Semibold, and Regular variants for our brand identity.

Rubik

Rubik

Rubik

Black

Black

ExtraBold

ExtraBold

SemiBold

SemiBold

Medium

Medium

Regular

Regular

Light

Light

Usage Chart

Usage Chart

When setting type, the leading should be consistent across various applications. Leading refers to the space between lines of text. Leading can be calculated with the following formulas. Type sizes are for example only.


Headline // Rubik Bold // 80/88pt // Sentence case
Type size × 1.1 = leading. Headlines at 80pt would have 88pt leading.


Subhead // Rubik SemiBold // 30/36pt // Sentence case
Type size × 1.2 = leading. Subheads at 30pt would have 36pt leading.

Body // Rubik Regular // 15/21pt // Sentence case
Type size × 1.4 = leading

Body copy at 15pt would have 21pt leading.

Screen

Size

Line-height

Kerning

Tracking

Word-spacing

00-16 px

128%

Metrics

-1%

16-28 px

120%

Metrics

-2%

28-42 px

104%

Metrics

-2%

42-76 px

98%

Metrics

-3%

76 px+

96%

Metrics

-4%

Print

Size

Line-height

Kerning

Tracking

Word-spacing

00-8 pt

120%

Metrics

-1%

100%

8-18 pt

116%

Metrics

-1%

100%

18-32 pt

108%

Metrics

-2%

100%

32-56 pt

98%

Metrics

-2%

98%

56 pt+

98%

Metrics

-3%

96%

Download Assets

Download Assets

AR.IO typefaces

AR.IO typefaces

AR.IO typefaces