Style Guide

This style guide contains elements and patterns that are used throughout the site. Any changes here will reflect throughout the whole site.

Typography

Typography elements used throughout the design of the site.
Display H1
Heading One.
Display H2
Heading Two.
Display H3
Heading Three.
Display H4
Heading Four
Display H5
Heading Five
Quote
The Big Oxmox advised her not to do so, because there were thousands of bad Commas, wild Question Marks and devious Semikoli, but the Little Blind Text didn’t listen.
Body Large
Body Large - Far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.
Body
Body - Far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.
Body Small
Body - Far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.
Lists
List, choose from the options:
  • None, Left, Right, and Center
  • Thumbnail, Medium, Large & Fullsize
  • or none at all
Link
Text Link
Captions
Caption

Typography Default

Typography elements used throughout the design of the site.
H1

H1 Default

H2

H2 Default

H3

H3 Default

H4

H4 Default

H5
H5 Default
H6
H6 Default
Quote
The Big Oxmox advised her not to do so, because there were thousands of bad Commas, wild Question Marks and devious Semikoli, but the Little Blind Text didn’t listen.
Paragraph

Paragraph - Far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.

Unordered List
  • None, Left, Right, and Center
  • Thumbnail, Medium, Large & Fullsize
  • or none at all
Ordered List
  1. None, Left, Right, and Center
  2. Thumbnail, Medium, Large & Fullsize
  3. or none at all
Link
Text Link

Buttons & Links

For all those call to actions
Primary Button
Button
Naar onze diensten
Bekijk alle projecten
Outlined Button
ButtonButton
Button Link
This is some text inside of a div block.

Rich Text

Rich text elements used on template pages.
Rich Text

Far far away...

Far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.

Even the all-powerful Pointing has no control about the blind texts

It is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar. The Big Oxmox advised her not to do so, because there were thousands of bad Commas, wild Question Marks and devious Semikoli, but the Little Blind Text didn’t listen.

Heading 3

Heading 4

Heading 5
Heading 6
The Big Oxmox advised her not to do so, because there were thousands of bad Commas, wild Question Marks and devious Semikoli, but the Little Blind Text didn’t listen.

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

Caption - Vintage Painting of an Italian landscape with mountains.

Colours

Rich text elements used on template pages.
Colours
Black
#1a1a1a1a
Gray
#1a1a1a1a
Soft Gray
#1a1a1a1a
White
#000000

Forms

Rich text elements used on template pages.
Form Block

Form

Your information will be used to contact you.
Thank you! We received your message.
Oops, something didn't go right. Have you filled in all the required input fields?

Forms

Rich text elements used on template pages.
State Box

Oops something went wrong

State Box

Oops something went wrong

Columns & Grid

The default Grid class creates a 12-column grid with 2 REM column gaps

Also the 2 & 3 columns use 2 REM column gaps
Grid
3 Columns
2 Columns

Container

Rich text elements used on template pages.
Container S
Container
Container L
Container Full Width