Style guide

Text styles
H1 (all html tags)

Heading 1

Heading-style-h1

Heading 1

H2 (all html tags)

Heading 2

heading-style-h2

Heading 2

H3 (all html tags)

Heading 3

heading-style-h3

Heading 3

H4 (all html tags)

Heading 4

heading-style-h4

Heading 4

H5 (all html tags)
Heading 5
heading-style-h5
Heading 5
text-size-regular

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.

text-size-small

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.

text-style-link

Label

text-label

Label

Article text
article_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

Colors
background-color-primary
background-color-secondary
theme-dark (Applies dark theme to any element)
Theme-dark
Theme-dark
text-color-primary
text-color-primary
text-color-secondary
text-color-secondary
text-color-alternate
text-color-alternate
text-color-alternate-secondary
text-color-alternate-secondary
Buttons
button
Small button
Small button
Big button
Big button
Icons
social-link
Forms
Message sent!
Oops! Something went wrong while submitting the form.