Cuppa Brand
Style Guide
Connect Overclay to streamline workflows, boost collaboration, and manage tasks effortlessly.
Colours
The power of color in shaping your brand identity
Dark Green
#005427
Light Green
#34C648
P Text Colour
#005427
BG Colour
#F6FAF8
Typography
Everything you need to know about typography
Heading 01
Font: Geist (Semi Bold)
Font Size: 62px
Line height: 68px
Letter Spacing: -4%
Heading 02
Font: Geist (Semi Bold)
Font Size: 48px
Line height: 56px
Letter Spacing: -4%
Heading 03
Font: Geist (Medium)
Font Size: 40px
Line height: 48px
Letter Spacing: -4%
Heading 04
Font: Geist (Semi Bold)
Font Size: 32px
Line height: 40px
Letter Spacing: -4%
Heading 05
Font: Geist (Semi Bold)
Font Size: 28px
Line height: 36px
Letter Spacing: -2%
Heading 06
Font: Geist (Semi Bold)
Font Size: 24px
Line height: 32px
Letter Spacing: -2%
P Text 01
Font: Geist (Regular)
Font Size: 20px
Line height: 30px
Letter Spacing: 0px
P Text 01
Font: Geist (Medium)
Font Size: 20px
Line height: 30px
Letter Spacing: 0px
P Text 02
Font: Geist (Regular)
Font Size: 18px
Line height: 28px
Letter Spacing: 0px
P Text 02
Font: Geist (Medium)
Font Size: 18px
Line height: 28px
Letter Spacing: 0px
P Text 03
Font: Geist (Regular)
Font Size: 16px
Line height: 24px
Letter Spacing: 0px
P Text 03
Font: Geist (Medium)
Font Size: 16px
Line height: 24px
Letter Spacing: 0px
Font: Geist (Semi Bold)
Font Size: 17px
Line height: 26px
Letter Spacing: 0px
Button Text
Font: Geist (Medium)
Font Size:14px
Line height: 14px
Letter Spacing: 0px
Defend against both common and rare threats with our ready-to-use rules — be ready in real-time.
support@cuppa.com