Styleguide

Typography

Display

Display

Font:

Geist

Font Weight

Bold

Font Size:

200px

Line height:

180px

Letter Spacing:

-3px

Heading/ H1

Heading_ 01

Font:

Geist

Font Weight

Semibold

Font Size:

132px

Line height:

132px

Letter Spacing:

-3px

Heading/ H2

Heading_ 02

Font:

Geist

Font Weight

Semibold

Font Size:

104px

Line height:

96px

Letter Spacing:

-3px

Heading/ H3

Heading_ 03

Font:

Geist

Font Weight

Semibold

Font Size:

88px

Line height:

80px

Letter Spacing:

-3px

Heading/ H4

Heading_ 04

Font:

Geist

Font Weight

Semibold

Font Size:

56px

Line height:

64px

Letter Spacing:

-2px

Heading/ H5

Heading_ 05

Font:

Geist

Font Weight

Semibold

Font Size:

40px

Line height:

48px

Letter Spacing:

-1px

Heading/ H6

Heading_ 06

Font:

Geist

Font Weight

Semibold

Font Size:

32px

Line height:

40px

Letter Spacing:

-1px

Paragraph/ P1

This is some text

Font:

Inter

Font Weight

Semibold

Font Size:

24px

Line height:

32px

Letter Spacing:

-0.5px

This is some text

Font:

Inter

Font Weight

Medium

Font Size:

24px

Line height:

32px

Letter Spacing:

-0.5px

Paragraph/ P2

This is some text

Font:

Inter

Font Weight

Semibold

Font Size:

20px

Line height:

28px

Letter Spacing:

-0.5px

This is some text

Font:

Inter

Font Weight

Medium

Font Size:

20px

Line height:

28px

Letter Spacing:

-0.5px

Paragraph/ P3

This is some text

Font:

Inter

Font Weight

Medium

Font Size:

16px

Line height:

24px

Letter Spacing:

-0.5px

Button

This is some text

Font:

Inter

Font Weight

Semibold

Font Size:

20px

Line height:

28px

Letter Spacing:

-0.5px

This is some text

Font:

Inter

Font Weight

Medium

Font Size:

20px

Line height:

28px

Letter Spacing:

-0.5px

Primitives

purple

black

raisin-black

gray

dark-whisper

light-gray

gainsboro

white

Tokens

Text

primary-black

secondary-gray

on-colors

links

primary-white

Icon

purple

black

white

Icon

black

gainsboro

dark-gray

white

Border

purple

dark-whisper

Buttons

primary