Tour
Landings
Landing One
Landing Two
Landing Three
Landing Four
Pages
categories
Landing
A fresh face for your product or business website.
Product
Demonstrate the unique features of your product.
Company
Flesh out your website with a range of purpose-built company pages.
Account
Welcome your users in style with custom account pages.
quick links
How It Works
Request Demo
About Us
Contact
View All
CMS
Blog
Customers
Careers
Template
Changelog
Getting Started
Licenses
Navs & Footers
Style Guide
Style Guide
Use this guide to see common components at a glance.
Colors
Primaries and Grays.
Primary 1
Primary 2
Primary 3
Primary 4
Primary 5
Text Color
Gray
White
Typography
Headings, body and other common text elements.
Display One
Display Two
Heading One
Heading Two
Heading Three
Heading Four
Heading Five
Heading Six
Large Text
Large Link
Body Text
Body Link
Small Text
Small Link
uppercase text
uppercase text small
Icons - Interface
Common interface iconography
Icons - Social
Common social network icons
Buttons
Component, text style and size variations
Standard
Small
Large
Outline
Icon
Form Inputs
Size and state variations for text inputs
Input Label
Checkbox Label
Radio Label
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Badges
Combine with other components to display metadata
badge standard
badge small
Decorations
Combine with other components to display metadata
Purchase Optic exclusively from Webflow Marketplace
Find Optic on Webflow
