Styleguide

Client-first Version 1.0

HTML Heading Tags

h1
Test Heading

h2
Test Heading

h3
Test Heading

h4
Test Heading

Heading 5
Test Heading

Heading 6
Test Heading

Heading Classes

heading-xlarge

heading-large

heading-medium

heading-small

heading-xsmall

HTML Text Tags

All Paragraphs (HTML-TAG)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius eni

All Links (HTML-TAG)

All Quotes (HTML-TAG)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius eni Lorem ipsum dolor sit amet,

Text Classes

text-size-large
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius eni

text-size-medium
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius eni Lorem ipsum dolor sit amet,

text-size-regular
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius eni Lorem ipsum dolor sit amet,

text-size-small
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius eni Lorem ipsum dolor sit amet,

text-size-tiny
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius eni Lorem ipsum dolor sit amet,

text-style-strikethrough

text-style-italic

text-style-muted

text-style-allcaps

text-style-nowrap

text-style-subheader

text-style-link

text-style-quote
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius eni Lorem ipsum dolor sit amet,

text-style-2lines
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis ornare, est laoreet auctor aliquam, turpis risus gravida est, et tempor nulla sapien pretium neque. Suspendisse ultrices molestie ornare. Duis ipsum est, posuere at quam et, efficitur dignissim turpis. Pellentesque ultrices consequat felis eget pellentesque. Duis tincidunt sapien mi, eget facilisis lacus hendrerit non. Quisque non nulla tellus. Quisque eget sem id felis cursus commodo. Nam dignissim erat a tristique maximus.

text-style-3lines
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis ornare, est laoreet auctor aliquam, turpis risus gravida est, et tempor nulla sapien pretium neque. Suspendisse ultrices molestie ornare. Duis ipsum est, posuere at quam et, efficitur dignissim turpis. Pellentesque ultrices consequat felis eget pellentesque. Duis tincidunt sapien mi, eget facilisis lacus hendrerit non. Quisque non nulla tellus. Quisque eget sem id felis cursus commodo. Nam dignissim erat a tristique maximus.

Font Weights

text-weight-xbold

text-weight-bold

text-weight-semibold

text-weight-medium

text-weight-normal

text-weight-light

Text alignments

text-align-left

text-align-center

text-align-right

Text Colors

text-color-grey

text-color-black

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.

The rich text element allows you to create and format headings,
Just double-click and easily create content.
Just double-click and easily create content.
Just double-click and easily create content.
Just double-click and easily create content.

This is a link

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

Color Palate

Blue primary

Blue secondary

Orange primary

Orange secondary

Orange tertiary

Cyan

Off-white

Black

Border

Button/Link hover

Backgrounds

Buttons & Links

Join Program

Button Secondary button

Read about us

Icons Sizes

Icons 1x1

Social Media Icons

Webflow Elements

List

Lorem ipsum dolor sit amet, consectetur.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius eni Lorem ipsum dolor sit amet,
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius eni Lorem ipsum dolor sit amet,

Dropdown

Form elements

Thank you! Your submission has been received!

Error! Please try again.