style guide

style guide

style guide

style guide

Typography

Heading 1 - Heading Huge

Heading 1 - Heading Huge

Heading 1 - Heading Huge

Heading 1 - Heading Huge

Heading Huge

Font: ANTON

Size: 140 px

Letter Spacing: 0 Em

Line Spacing: 1 Em

Heading 1

Heading 1

Heading 1

Heading 1

Heading 1

Font: ANTON

Size: 100 px

Letter Spacing: 0 Em

Line Spacing: 1 Em

Heading 2

Heading 2

Heading 2

Heading 2

Heading 2

Font: ANTON

Size: 84 px

Letter Spacing: 0.02 Em

Line Spacing: 1 Em

Heading 3

Heading 3

Heading 3

Heading 3

Heading 3

Font: ROBOTO CONDENSED, SemiBold

Size: 56 px

Letter Spacing: 0.03 Em

Line Spacing: 1 Em

Heading 4

Heading 4

Heading 4

Heading 4

Heading 4

Font: ANTON

Size: 48 px

Letter Spacing: 0 Em

Line Spacing: 1.1 Em

Heading 5

Heading 5

Heading 5

Heading 5

Heading 5

Font: ANTON

Size: 40 px

Letter Spacing: 0 Em

Line Spacing: 1 Em

Heading 6

Heading 6

Heading 6

Heading 6

Heading 6

Font: ROBOTO CONDENSED, Bold

Size: 26 px

Letter Spacing: 0.06 Em

Line Spacing: 1 Em

Heading 1 (Blog)

Heading 1 (Blog)

Heading 1 (Blog)

Heading 1 (Blog)

Heading 1

Font: ANTON

Size: 84 px

Letter Spacing: 0 Em

Line Spacing: 1.1 Em

Heading 2 (Blog)

Heading 2 (Blog)

Heading 2 (Blog)

Heading 2 (Blog)

Heading 2

Font: ANTON

Size: 36 px

Letter Spacing: 0 Em

Line Spacing: 1.1 Em

Heading 3 (Blog)

Heading 3 (Blog)

Heading 3 (Blog)

Heading 3 (Blog)

Heading 3

Font: ANTON

Size: 32 px

Letter Spacing: 0 Em

Line Spacing: 1.1 Em

Body Huge

Body Huge

Body Huge

Body Huge

The quick brown fox jumps over the lazy dog.

Font: Inter, Regular

Size: 32 px

Letter Spacing: 0.02 Em

Line Spacing: 1.2 Em

Body Large

Body Large

Body Large

Body Large

The quick brown fox jumps over the lazy dog.

Font: Inter, Regular

Size: 24 px

Letter Spacing: 0.02 Em

Line Spacing: 1.3 Em

Body Small

Body Small

Body Small

Body Small

The quick brown fox jumps over the lazy dog.

Font: Inter, Regular

Size: 18 px

Letter Spacing: 0.03 Em

Line Spacing: 1.2 Em

Button (Medium)

Button (Medium)

Button (Medium)

Button (Medium)

The quick brown fox jumps over the lazy dog.

Font: Inter, Medium

Size: 22 px

Letter Spacing: 0 Em

Line Spacing: 1.2 Em

Button (Semi Bold)

Button (Semi Bold)

Button (Semi Bold)

Button (Semi Bold)

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

Font: Inter, SemiBold

Size: 22 px

Letter Spacing: 0 Em

Line Spacing: 1.2 Em

Colours

BG Light

BG Light

BG Light

BG Light

Hex:

#FAFAFA

BG Dark

BG Dark

BG Dark

BG Dark

Hex:

#0D0724

White

White

White

White

Hex:

#F5F5F5

Black

Black

Black

Black

Hex:

#171717

Grey

Grey

Grey

Grey

Hex:

#808080

Green

Green

Green

Green

Hex:

#239251

Blue

Blue

Blue

Blue

Hex:

#1039FF

Pink

Pink

Pink

Pink

Hex:

#F9BBD9

Red

Red

Red

Red

Hex:

#E53110

Yellow

Yellow

Yellow

Yellow

Hex:

#EED30D

Orange

Orange

Orange

Orange

Hex:

#D9622D

Purple

Purple

Purple

Purple

Hex:

#9736FF

ASSETS

Logo.svg

Logo.png

Logomark.svg

Logomark.png

Radius Levels

42

36

24

12

Rarely

Rarely

42

Special Use Case

Special Use Case

36

Most Common Throughout

Most Common Throughout

24

Used in Majority for Phone

Used in Majority for Phone

12