Utility Page
Webflow Style Guide
Manage the look and feel of the entire website from our style guide. Style and components used on the site are documented here, and any changes made will be immediately visible across all pages.
Colours
Color plays a crucial role in defining your brand's identity.
Palatinate Blue
#1834e2
Midnight
#001137
White Smoke
#F5F5F5
White
#ffffff
Jet Grey
#626c83
Mercury
#e3e5e9
Santa Grey
#99a0af
Blue Chalk
#e8ebfc
white 5%
#rgba(255, 255, 255, 0.05)
white 20%
#rgba(255, 255, 255, 0.2)
Typography
All you should know about typography.
Heading 01
Font: Inter Tight (Semi Bold)
Font Size: 88px
Line height: 96px
Letter Spacing: -2%
Heading 02
Font: Inter Tight (Semi Bold)
Font Size: 88px
Line height: 96px
Letter Spacing: -2%
Heading 03
Font: Inter Tight (Medium)
Font Size: 48px
Line height: 60px
Letter Spacing: 0%
Heading 04
Font: Inter Tight (Semi Bold)
Font Size: 36px
Line height: 44px
Letter Spacing: 0%
Heading 05
Font: Inter Tight (Medium)
Font Size: 24px
Line height: 32px
Letter Spacing: 0%
Heading 06
Font: Inter Tight (Medium)
Font Size: 24px
Line height: 32px
Letter Spacing: 0%
Paragraph
Font: Inter Tight (Regular)
Font Size: 18px
Line height: 24
Letter Spacing: 0
Primary Button
Font: Inter Tight (Medium)
Font Size: 18px
Line height: 28
Letter Spacing: 0
Secondary Button
Font: Inter Tight (Medium)
Font Size: 18px
Line height: 28
Letter Spacing: 0
Button
All you need to understand about button design.