Style guide
Webflow University provides a library of videos, tutorials and resources to help you get started.
Colors
Red Orange
#FA4A32
Gold
#F5D105
Screamin' Green
#44FAA5
Magic
#DEEDF1
Neutral 900
#131314
Neutral 800
#23232
Neutral 700
#2C2C2E
Neutral 600
#3B3B3D
Neutral 500
#737680
Neutral 100
#FFFFFF
Typography
The quick brown fox jumps over the lazy dog
Heading XXLarge - 3.5rem / 1.2
The quick brown fox jumps over the lazy dog
Heading XLarge - 3rem / 1.2
The quick brown fox jumps over the lazy dog
Heading Large - 2.5rem / 1.2
The quick brown fox jumps over the lazy dog
Heading Medium - 2rem / 1.3
The quick brown fox jumps over the lazy dog
Heading Small - 1.5rem / 1.4
The quick brown fox jumps over the lazy dog
Heading XSmall - 1.25rem / 1.4
Donec in risus ac ipsum aliquam sodales vitae quis est suspendisse dignissim est sed mauris ultrices sagittis fusce pellentesque orci et mauris elementum condimentum nulla, commodo luctus nibh, eu finibus metus malesuada quis.
Body text Medium - 1.125rem / 1.5
Donec in risus ac ipsum aliquam sodales vitae quis est suspendisse dignissim est sed mauris ultrices sagittis fusce pellentesque orci et mauris elementum condimentum nulla, commodo luctus nibh, eu finibus metus malesuada quis.
Body text Regular - 1rem / 1.5
Donec in risus ac ipsum aliquam sodales vitae quis est suspendisse dignissim est sed mauris ultrices sagittis fusce pellentesque orci et mauris elementum condimentum nulla, commodo luctus nibh, eu finibus metus malesuada quis.
Body text Small - 0.875rem / 1.5
Forms
The steps covered in this guide
Why you should start protecting your
Heading 4 babyyy
Et qui et quae et maxime assumenda. Suscipit voluptatum in fugiat. A sapiente eveniet doloremque asperiores numquam voluptatem. Beatae illo commodi. 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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
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.
- Lorem ipsum dolor sit amet
- Consectetur adipiscing elit
- Sed do eiusmod tempor incididunt
- Labore et dolore magna aliqua
Create Your Odin Syndicate Now!
- First
- Second Third
-