Telescope Design System > Foundations > Typography

Typography

The design system leverages a purposeful set of typographic styles. We’ve stress-tested this typographic scale across dozens of projects to make sure it’s robust enough to use across (almost) any project, while remaining as accessible as possible for everyone.

Typeface

Aa

Inter

The quick brown fox jumps over the lazy dog.

Aa

Light

Aa

Regular

Aa

Medium

Aa

Semibold

Aa

Bold

Aa

Black

Desktop

Display XL

Font Size:

64 px

Font Weight:

Bold

Line Height:

%120

Letter Spacing:

1 px

Display L

Font Size:

48 px

Font Weight:

Bold

Line Height:

%120

Letter Spacing:

1 px

Display M

Font Size:

40 px

Font Weight:

Bold

Line Height:

%120

Letter Spacing:

0.5 px

Display S

Font Size:

32 px

Font Weight:

Bold

Line Height:

%120

Letter Spacing:

0.5 px

Heading L

Font Size:

32 px

Font Weight:

Semibold

Line Height:

%120

Letter Spacing:

0.2 px

Heading M

Font Size:

24 px

Font Weight:

Semibold

Line Height:

%120

Letter Spacing:

0.2 px

Heading S

Font Size:

20 px

Font Weight:

Semibold

Line Height:

%120

Letter Spacing:

0.2 px

Body L

Font Size:

20 px

Font Weight:

Medium

Line Height:

%120

Letter Spacing:

0 px

Body M

Font Size:

16 px

Font Weight:

Medium

Line Height:

%120

Letter Spacing:

0 px

Body S

Font Size:

14 px

Font Weight:

Semibold

Line Height:

%120

Letter Spacing:

0 px

Button L

Font Size:

20 px

Font Weight:

Medium

Line Height:

%120

Letter Spacing:

0.2 px

Button M

Font Size:

16 px

Font Weight:

Medium

Line Height:

%120

Letter Spacing:

0.2 px

Button S

Font Size:

12 px

Font Weight:

Medium

Line Height:

%120

Letter Spacing:

0.2 px

Caption L

Font Size:

14 px

Font Weight:

Regular

Line Height:

%120

Letter Spacing:

0 px

Caption M

Font Size:

12 px

Font Weight:

Regular

Line Height:

%120

Letter Spacing:

0 px

Caption S

Font Size:

10 px

Font Weight:

Regular

Line Height:

%120

Letter Spacing:

0 px

Mobile

Display XL

Font Size:

48 px

Font Weight:

Bold

Line Height:

%120

Letter Spacing:

1 px

Display L

Font Size:

40 px

Font Weight:

Bold

Line Height:

%120

Letter Spacing:

1 px

Display M

Font Size:

32 px

Font Weight:

Bold

Line Height:

%120

Letter Spacing:

0.5 px

Display S

Font Size:

28 px

Font Weight:

Bold

Line Height:

%120

Letter Spacing:

0.5 px

Heading L

Font Size:

24 px

Font Weight:

Semibold

Line Height:

%120

Letter Spacing:

0.2 px

Heading M

Font Size:

20 px

Font Weight:

Semibold

Line Height:

%120

Letter Spacing:

0.2 px

Heading S

Font Size:

18 px

Font Weight:

Semibold

Line Height:

%120

Letter Spacing:

0.2 px

Body L

Font Size:

18 px

Font Weight:

Medium

Line Height:

%120

Letter Spacing:

0 px

Body M

Font Size:

16 px

Font Weight:

Medium

Line Height:

%120

Letter Spacing:

0 px

Body S

Font Size:

14 px

Font Weight:

Semibold

Line Height:

%120

Letter Spacing:

0 px

Button L

Font Size:

18 px

Font Weight:

Medium

Line Height:

%120

Letter Spacing:

0.2 px

Button M

Font Size:

14 px

Font Weight:

Medium

Line Height:

%120

Letter Spacing:

0.2 px

Button S

Font Size:

12 px

Font Weight:

Medium

Line Height:

%120

Letter Spacing:

0.2 px

Caption M

Font Size:

14 px

Font Weight:

Regular

Line Height:

%120

Letter Spacing:

0 px

Caption S

Font Size:

12 px

Font Weight:

Regular

Line Height:

%120

Letter Spacing:

0 px