Style Guide

Colors
Primaries and grays controlled by the Webflow Variables feature.
Primary 100
Primary 80
Primary 40
Secondary 100
Secondary 80
Light Tone
Mid Tone
Dark Tone
Dark Tone - Text
Dark Tone - Border
Typography
Modular type scale based on a ratio of 1.26 (Major third)

Heading One

Heading Two

Heading Three

Heading Four

Heading Five
Large Text
Bold
Link
Body Text
Bold
Link
Small Text
Bold
Link
Buttons
Component, text style and size variations
Small
Default
Large
Form Inputs
General style and state variations for text inputs.
Inputs
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Labelled Input
This is some text inside of a div block.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Text Area
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Form Selectables
Styling for checkboxes, selects and radios.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Unite teams.
Boost productivity.
Star iconStar iconStar iconStar iconStar icon
4.97/5 from over 800 reviews
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
By clicking ‘Get Started’ you agree to the Terms of use
Product
Landing 1Landing 2Landing 3Features 1Features 2Features 3Pricing 1Pricing 2Pricing 3Customers
Company
AboutBlogCareersContactLegal
Account
Sign upLog inReset passwordUser account
Sections
HeroesProduct featuresTextStatsCustomersAccordion & TabsIconsFormsPricingBlog
Information
Style guideGetting startedLicensesChangelogWebflow Templates
© Medium Rare | Powered by Webflow