STYLE GUIDE

STYLE GUIDE

STYLE GUIDE

This section defines the visual rules for the template, including typography, colors, spacing, and components, to ensure consistent usage across all projects.

This section defines the visual rules for the template, including typography, colors, spacing, and components, to ensure consistent usage across all projects.

COLORS

COLORS

COLORS

Base

#FAFAFA

#FAFAFA

#FAFAFA

#0A0A0A

#0A0A0A

#0A0A0A

Neutral

#F5F5F5

#F5F5F5

#F5F5F5

#E5E5E5

#E5E5E5

#E5E5E5

#D4D4D4

#D4D4D4

#D4D4D4

#A1A1A1

#A1A1A1

#A1A1A1

#737373

#737373

#737373

#525252

#525252

#525252

#404040

#404040

#404040

#262626

#262626

#262626

#171717

#171717

#171717

TYPOGRAPHY

TYPOGRAPHY

TYPOGRAPHY

HEADING STYLE

Inter - Bold

96 PX

HEADING 1

HEADING 1

Inter - Bold

68 PX

HEADING 2

HEADING 2

Inter - Bold

48 PX

HEADING 3

HEADING 3

Inter - Bold

36 PX

HEADING 4

Inter - Bold

28 PX

HEADING 5

Inter - Bold

20 PX

HEADING 6

PARAGRAPH

Inter - Regular

20 PX

Body Text Large

Inter - Regular

18 PX

Body Text Medium

Inter - Regular

16 PX

Body Text Small

BUTTON TEXT

Inter - Regular

24 PX

BUTTON LARGE

Inter - Regular

18 PX

BUTTON MEDIUM

Inter - Regular

16 PX

NAVIGATION

Create a free website with Framer, the website builder loved by startups, designers and agencies.