Colors

Sample

Name

Semantic

Hex

Background-PrimaryFill

..

#030303

Surface-PrimaryFill

..

#0E0E0E

Surface-PrimaryStroke

..

#212121

Background-SecondaryFill

..

#1F1F1F

Text-BG-Headings

..

#FBFBFB

Text-BG-Secondary

..

#B7B7B7

Text-Surface-Secondary

..

#74787B

Text-SectionSemantic

..

#ECECEC

Text-SectionSemantic-Stroke

..

#474747

Text-Surface-Headings

..

#FAFAFA

Button-Primary-Fill

Brand-Primary

#0073E6

Button-Primary-Content

Brand White

#FFFFFF

Button-Secondary-Fill

Brand White

#FFFFFF

Button-Secondary-Content

..

#030303

Button-Tertiary-Stroke

..

#2B2B2B

Button-Tertiary-Content

..

#FBFBFB

Accent-Lite-Tags

..

#3C9BFF

Brand-Primary

..

#0073E6

Brand-White

..

#FFFFFF

Brand-Green

..

#32D94E

Nav-item-default

Brand-White

#FFFFFF

Host Grotesk, Geist

Semantic

Font

Weight

Size

Leading

Tracking

Heading 1

Host Grotesk

Semibold

48

120%

0%

Heading 2

Host Grotesk

Semibold

36

120%

0%

Heading 3

Host Grotesk

Semibold

28

120%

0%

Heading 4

Host Grotesk

Semibold

22

120%

2%

Heading 5

Host Grotesk

Bold

18

120%

2%

Descriptor

Geist UPPER

Bold

12

140%

1%

BodyL

Geist

Regular

20

140%

1%

Body

Geist

Regular

16

140%

1%

Body S

Geist

Regular

12

140%

1%

Caption

Geist

Regular

10

Auto

3%

Nav

Host Grotesk

Semibold

15

Auto

1%

Button

Geist

Semibold

15

Auto

1%

Button S

Geist

Semibold

12

Auto

1%

Button Secondary

Geist

Regular

15

Auto

1%

Button Secondary S

Geist

Regular

12

Auto

1%