Style Guide V.1

This page will be where you centralize and update all your styles to align with your brand identity. Any changes you do here will effect your entire theme. Avoid making changes directly on other pages to prevent design inconsistencies.

Typography

This is the sample text of Heading 1

This is the sample text of Heading 2

This is the sample text of Heading 3

This is the sample text of Heading 4

This is the sample text of Heading 5
This is the sample text of Heading 6

All Paragraphs (Body)

Medium Body Text
Small Body Text
Link
All Links
Heading Style H1
Heading Style H2
Heading Style H3
Heading Style H4
Heading Style H5
Heading Style H6

Rich Text

Sed posuere consectetur est at lobortis. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

All Paragraphs
This is a link inside the rich text
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
This is a block quote
Image Styling Demo
Caption goes here

Color Scheme

Neutral
White
Gray 500
Gray 100
Gray 600
Gray 200
Gray 700
Gray 300
Gray 800
Gray 400
Gray 900
Primary
Primary Blue
Secondary 01
Secondary 02

UI Kits

Help

New to Webflow? No worries! Get started with Webflow University's 101 course.
If you have any questions, please do not hesitate to contact us.