Style guide

A complete design system with global styles, typography, colors, and components built for consistency and easy scalability.

Typography

Sample text of Heading 1

Sample text of Heading 2

Sample text of Heading 3

Sample text of Heading 4

Sample text of Heading 5

Sample text of Heading 6

Large Body Text

Medium Body Text

All Paragraphs (Body)

Small Body Text

Link

All Links

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Rich Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

Item 1
Item 2
Item 3

Unordered list

Item A
Item B
Item C

Text link

Bold text

Emphasis

^Superscript

_Subscript

COLORS

#ceff45

#3a464b

#171c1e

#ffffff

fonts

Outfit

Inter

buttons

start Free trial

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.