Style guide
Typography
VW H
The quick brown fox
H2
The quick brown fox jumps over the lazy dog
H4
The quick brown fox jumps over the lazy dog
H3
The quick brown fox jumps over the lazy dog
H3
The quick brown fox jumps over the lazy dog
H3
The quick brown fox jumps over the lazy dog
H6
The quick brown fox jumps over the lazy dog
H6
The quick brown fox jumps over the lazy dog
Paragraph
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Lists
- Lorem ipsum dolor sit amet
- Lorem ipsum dolor sit amet
- Lorem ipsum dolor sit amet
- Lorem ipsum dolor sit amet
- Lorem ipsum dolor sit amet
- Lorem ipsum dolor sit amet
- Lorem ipsum dolor sit amet
- Lorem ipsum dolor sit amet
- Lorem ipsum dolor sit amet
- Lorem ipsum dolor sit amet
Text Link
This is a text linkRich Text
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
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 quick brown fox jumps over the lazy dog
- The quick brown fox jumps over the lazy dog
- The quick brown fox jumps over the lazy dog
- The quick brown fox jumps over the lazy dog
- The quick brown fox jumps over the lazy dog
- The quick brown fox jumps over the lazy dog
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, 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.
Colors
Swatches
Padding - Global classes
Bottom
b10
b20
b30
b40
b50
Top
t10
t20
t30
t40
t50
Lingo - Glossary
sg
style guide
nav
navigation
txt
text
p
paragraph
d
div
wrap
wrapper
img
image
bg
background
dd
drop down
cta
call to action
tes
testimonial
num
number
sig
signature
sec
secondary
b
bottom
t
top
l
left
r
right
abs
position absolute
rel
position relative
vert
vertical align
hor
horizontal align
is-
combo class indicator
is b less
bottomless (no bottom padding)
is b half
50% (half the bottom padding)
is t less
topless (no top padding)
is t half
50% (half the top padding)
is tab full
full width on tablet view - 100% width
is mob full
full width on mobile view - 100% width
is l align
left aligned
is r align