Webflow Style Guide
Marketingly X is our top-notch marketing agency Webflow Template & UI Kit designed for world-class agencies. It was designed & developed by the Webflow Templates Designers at BRIX Templates.
Colours
Colours
Blue
#162CF2
Green
#B5F000
Pink
#FF0086
Orange
#FF6600
Text Colours
Headline Colour
#191919
Body Texts Colour
#474747
Background Colours
Grey
#F2F2F7
White
#FFFFFF
Typography
Font: Generalsans
Text 400 Medium - Lorem Ipsum
Text 400 Bold - Lorem Ipsum
Text 400 - 24px/1.083em
Text 300 Medium - Lorem Ipsum
Text 300 Bold - Lorem Ipsum
Text 300 - 20px/1.100em
Text 200 Medium - Lorem Ipsum
Text 200 Bold - Lorem Ipsum
Text 200 - 18px/1.111em
Text 100 Medium - Lorem Ipsum
Text 100 Bold - Lorem Ipsum
Text 100 - 16px/1.125em
Rich Text
H1 - Used in the hero section, Size: 67, Leading: 120%
Body1 - Used in the hero section, Size: 28, Leading: 140%
H2 - Used for all major sections, Size: 50, Leading: 120%
Body2 - Used for all major sections, Size: 21, Leading: 140%
H3 - Used for all minor sections on the website, Size: 35, Leading: 120%
Body3 - Used for all minor sections on the website, Size: 16, Leading: 140%
H4 - Used only to differentiate the text sizes on the website, Size: 28, Leading: 120%
Body4 - Used only to differentiate the text sizes on the website, Size: 12, Leading: 140%
“Nisi quis eleifend quam adipiscing vitae aliquet bibendum enim facilisis gravida neque velit euismod in pellentesque massa placerat volutpat lacus.”
Block Quote
- Lorem ipsum dolor sit amet, consectetur adipiscing elit.
- Lorem ipsum dolor sit amet, consectetur.
- Lorem ipsum dolor sit amet, consectetur adipiscing.
Bullet List
- Lorem ipsum dolor sit amet, consectetur adipiscing elit.
- Lorem ipsum dolor sit amet, consectetur.
- Lorem ipsum dolor sit amet, consectetur adipiscing.
Numbered List
Figure and Figure Caption
