Style Guide

Whether you're a seasoned professional or just starting out, our templates empower you to create stunning, on-brand designs effortlessly.

Color

Explore the vibrant palette and bring your vision to life with a spectrum of carefully curated colors.

Accent Primary

#ff3b00

Dark Primary

#252525

Dark Secondary

#111

Light Primary

#fdf7ec

Light Secondary

#e4ded4

Text Style

Dive into the art of typography. Uncover a world of expressive possibilities as you navigate through our thoughtfully curated text styles.

Display

Size Desktop:

240px

Size Tablet:

120px

Size Mobile:

72px

Height All:

100%

Heading 1

Size Desktop:

72px

Size Tablet:

64px

Size Mobile:

40px

Height All:

125%

Heading 2

Size Desktop:

52px

Size Tablet:

52px

Size Mobile:

32px

Height All:

125%

Heading 3

Size Desktop:

32px

Size Tablet:

32px

Size Mobile:

24px

Height All:

125%

Heading 4

Size Desktop:

18px

Size Tablet:

18px

Size Mobile:

18px

Height All:

125%

Heading 5

Size Desktop:

14px

Size Tablet:

14px

Size Mobile:

14px

Height All:

125%

Heading 6

Size Desktop:

12px

Size Tablet:

12px

Size Mobile:

12px

Height All:

125%

Paragraph XL

Size Desktop:

32px

Size Tablet:

32px

Size Mobile:

24px

Height All:

110%

Paragraph L

Size Desktop:

24px

Size Tablet:

20px

Size Mobile:

20px

Height All:

150%

Paragraph M

Size Desktop:

18px

Size Tablet:

16px

Size Mobile:

16px

Height All:

150%

Paragraph S

Size Desktop:

14px

Size Tablet:

14px

Size Mobile:

14px

Height All:

150%

Paragraph XS

Size Desktop:

12px

Size Tablet:

12px

Size Mobile:

12px

Height All:

150%

Buttons

Command attention and guide user interaction seamlessly with the dynamic button styles.

Button PrimaryButton Secondary