Style guide

TYPOGRAPHY

Heading 1

Inter

Semi bold

118

/

1.05em

Heading 1

Heading 2

Inter

Semi bold

96px

/

1.1em

Heading 2

Heading 3

Inter

Semi bold

72px

/

1.1em

Heading 3

Heading 4

Inter

Semi bold

64px

/

1.1em

Heading 4

Heading 5

Inter

Semi bold

44px

/

1.1em

Heading 5

Heading 6

Inter

Semi bold

36px

/

1.1em

Heading 6

Project Title

Inter

Semi bold

28px

/

1.1em

Heading

Small Heading

Inter

Medium

18px

/

1.3em

Heading

CTA Title

Inter

Medium

118px

/

1.2em

Heading

Paragraph Extra Large

Inter

Regular

32px

/

1.5em

The quick brown fox jumps over the lazy dog.

Paragraph Large

Inter

Regular

28px

/

1.5em

The quick brown fox jumps over the lazy dog.

Paragraph Standard (Medium)

Inter

Medium

22px

/

1.5em

The quick brown fox jumps over the lazy dog.

Paragraph Standard (Regular)

Inter

Regular

22px

/

1.5em

The quick brown fox jumps over the lazy dog.

Paragraph Small

Inter

Regular

20px

/

1.5em

The quick brown fox jumps over the lazy dog.

Paragraph Very Small

Inter

Regular

18px

/

1.5em

The quick brown fox jumps over the lazy dog.

Service Name

Inter

Regular

16px

/

1.2em

The quick brown fox jumps over the lazy dog.

Button (Medium)

Inter

Medium

18px

/

1.5em

The quick brown fox jumps over the lazy dog.

Button (Semi Bold)

Inter

Semi Bold

18px

/

1.5em

The quick brown fox jumps over the lazy dog.

Link

Inter

Medium

16px

/

1.5em

The quick brown fox jumps over the lazy dog.

Link - Bigger

Inter

Medium

16px

/

1.5em

The quick brown fox jumps over the lazy dog.

COLORS

Background Color

#FDFFFC

Black 1

#FFFFFF

Black 2

#000000

Gray 1

#3A3A3A

Gray 2

#727272

Gray 3

#F2F2F2

Gray 4

#D8D8D8

Al Blue

#004BD8

White

#FDFFFC