A reference to all styles used througout the site

Styleguide

Colors

Colors and

Variables

Here you can see the different colors and variables that are used in this template. Learn more about variables here.

Typography

Headings and

Text styles

h1 heading

H1 heading

h2 heading

This is an H2 heading

h3 heading

This is an H3 heading

h4 heading

This is an H4 heading

h5 heading
This is an H5 heading
h6 heading
This is an H6 heading
Display 2xl
This i Display 2XL
Display xl
This i Display XL
Display large
This i Display Large
Display Medium
This i Display Medium
Display small
This i Display Medium
Paragraph
This is a paragraph
Rich Text

Rich text

Fields

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
This is a caption

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

Buttons

Different versions

Of buttons

All buttons in this template are created as components. Wrap them in a div to control the alignment in a grid and read more here.

Outline button
Contact
Contact
Light button
Contact
Contact
Dark button
Contact
Contact
Transparent outline button
Contact us
Contact us

Primary forms

And input fields

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