For more premium Webflow templates. Visit my template store

Style Guide

A visual guide for the interface components

Typography

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Paragraph — Enim egestas quis ullamcorper cursus nullam nisi, non, nulla. Vitae cursus convallis proin porta habitasse diam quis convallis. Augue molestie tincidunt sed in lacus, sodales etiam.

Text Size Large
Text Size Large
Text Size Medium
Text Size Small
Text Size XSmall
Text Style Allcaps
Bold Text
Italic Text
Body Link
Block Quote — “The Complete Guide to Finding Your Perfect Tour Agent Match.”
  • Unordered List Item 1
  • Unordered List Item 2
  • Unordered List Item 3
  1. Ordered List Item 1
  2. Ordered List Item 2
  3. Ordered List Item 3
Heading Classes

Heading XLarge

Heading Large

Heading Medium

Heading Small

Heading XSmall

Text Alignments
Text Align Left
Text Align Center
Text Align Right
Text Colors
Text Color Primary 2
Text Color Accent
Text Color White
Color Palette
Primary 1
Primary 2
Accent
Border (dark)
Border (light)
Background Primary 1
Background Primary 2
White
Red
Yellow
Green
Blue
Purple
Pink
Rich Text

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Block Quote — “I am a digital designer with a diverse and in-depth skillset. I've been working in the UX/UI field for 10 years and I enjoy tackling new challenges.”
  • Unordered List Item 1
  • Unordered List Item 2
  • Unordered List Item 3
  • Unordered List Item 4
  1. Ordered List Item 1
  2. Ordered List Item 2
  3. Ordered List Item 3
  4. Ordered List Item 4
This is a caption for this image.
Form Elements
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Buttons
Get unlimited accessGet unlimited access
Column Classes
Column 2XLarge - 1060px
Column XLarge - 730px
Column Large - 620px
Column Medium - 510px
Column Small - 400px
Column XSmall - 290px
Spacing Classes
Padding Bottom 0
Padding Top 0
Padding 0
Margin 0
Margin 4
Margin 8
Margin 12
Margin 16
Margin 24
Margin 32
Margin 40
Margin 48
Margin 56
Margin 64
Margin 72
Margin 80
Grid Classes
Upgrade to a reader membership for $4/month

Get more out of the news

Get unlimited access