Style Guide
These principles and techniques are here to guide you in bringing your ideas to life and creating beautiful websites with Webflow.
Colors
Primary
#F24710
Primary Hover
#FF6A33
Secondary
#40A6DB
Foreground
#FFFAF3
Background
#0A0A0A
Dark Grey
#232323
Text Grey
#A4A4A4
Text Secondary
#E4E4E4
Grey
#EDEDF1
Success
#4ADE80
Error
#FF6B5B
Typography
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Souva is a design studio that helps brands express who they truly are. We begin with the people a brand serves, then shape identity, motion and web experiences around what we find. This paragraph shows the default body style, so the type, spacing and colour you see here apply to every paragraph on the site.
- Discovery and research
- Concept and direction
- Design and handover
- Discovery and research
- Concept and direction
- Design and handover
Block QuoteText Link
Buttons
Spacing
Space 2XS
4 px
Space 3XS
6 px
Space XS
8 px
Space Small
12 px
Space Base
16 px
Space Medium
20 px
Space Comfort
24 px
Space Roomy
32 px
Space Large
40 px
Space Wide
48 px
Space XL
60 px
Space Grand
64 px
Space 2XL
80 px
Space 3XL
120 px
Space 4XL
160 px
Space 5XL
200 px
Radius
Radius Small
4 px
Radius Medium
8 px
Radius Large
16 px
Radius Full
999 px
Radius Circle
100%
