Style Guide

Heading Classes

heading-style-h1

Glowology

heading-style-h2

Glowology

heading-style-h3

Glowology

heading-style-h4

Glowology

heading-style-h5
Glowology
heading-style-h6
Glowology

Text Classes

text-style-large
This is some text inside of a div block.
text-style-medium
This is some text inside of a div block.
text-style-regular
This is some text inside of a div block.
text-style-small
This is some text inside of a div block.
text-style-tiny
This is some text inside of a div block.
text-style-subheading
This is some text inside of a div block.
text-style-link
This is some text inside of a div block.

Rich Text

text-rich-text

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

Glowology

Buttons

button
Button
button-small
Button
button-secondary
Button
button-secondary-small
Button
button-link
Button

Form Elements

field-label
form-input
form-text-area
form-select-input
form-checkbox
form-radio
button
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Colors

G Black
G Purple
G Lavender
G White

Structure Classes

Defined and flexible core structure we can use on all or most pages.

page-wrapper
main-wrapper
container-small
container-medium
container-large
padding-global
padding-section-medium
padding-section-large
padding-section-Xlarge
button-group
margin-bottom
margin-top