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
- Bullet Point
- Bullet Point
- 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.
Modal Headline
Donec sed pretium mauris. Suspendisse aliquam ornare quam, eleifend sagittis mauris interdum eget. Maecenas placerat mattis velit, in egestas erat vulputate vel. Morbi at nisl justo. Praesent quis erat risus.
Praesent varius quam quis ultricies consequat. Aenean ullamcorper commodo consectetur. Vivamus ex sapien, ullamcorper id ullamcorper in, eleifend in quam. Curabitur ac metus convallis, scelerisque libero in, vulputate justo. Mauris erat ex, commodo vitae ipsum et, vestibulum porttitor odio.
Forms
Input fields, dropdowns, checkboxes, and everything here.
