Style Guide

A preview of our site aesthetics and thematic elements.

Typography

A preview of our different typography settings for the website and landing pages.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Morbi ultricies, this is a text link nibh quis tincidunt scelerisque, magna purus malesuada erat, feugiat semper urna lectus at sapien. Maecenas ornare, metus ut mattis vehicula, nulla nulla efficitur lacus, vitae congue nisi nibh eget massa. Sed nec pharetra mauris, ac volutpat metus. Praesent sed enim mollis, tincidunt orci sit amet, mattis risus.

  • Bullet Point
  • Bullet Point
  • Bullet Point
  1. Bullet Point
  2. Bullet Point
  3. Bullet Point
Quote Box
In sit amet massa sed dolor tempor mattis id et tellus. Sed nec pharetra mauris, ac volutpat metus. Praesent sed enim mollis, tincidunt orci sit amet, mattis risus.
Icons

The default color for icons.

CTAs & Standard Buttons

You can set up various button styles to create a visual hierarchy. FYI: CTA-Tertiary is transparent and CTA-Four is a blue background, so these will be used on non-blue background pages.

Popup

Modals pop-ups are features of various modules.

Popup CTA
Forms

Input fields, dropdowns, checkboxes, and everything here.