Style Guide

Colors

Primaries and grays

Accent
Text Gray
Gray 1
Gray 2
Gray 3
Gray 4
Black
White

Typography

Headings, body and other common text elements

Heading One

Heading Two

Heading Three

Heading Four

Heading Five
Heading Six

This is an XX large text.

This is an extra large text.

This is a large text.

This is a small text.

[Font] Sans Serif

[Text] Bold

[Text] Indent Small

[Text] Indent

[Text] Indent Large

[Text] Caption

Text Link

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

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

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Icons - Social

Common social network icons

Webflow
Twitter
Facebook
Pinterest
Dribbble
Behance
Instagram
Webflow

Buttons, Links

Component, text style and size variations

Text Inputs

Size and state variations for text inputs

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Selectables

Checkboxes, Radios and Select dropdowns

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.