Style Guide

Heading 2

Heading 3

Heading 4

Large paragraph. Donec sed odio dui. Aenean lacinia bibendum nulla sed consectetur. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. 

Normal paragraph. Donec sed odio dui. Aenean lacinia bibendum nulla sed consectetur. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. 

Small paragraph. Donec sed odio dui. Aenean lacinia bibendum nulla sed consectetur. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. 

  • ul – unordered list
  • Vestibulum id ligula porta felis euismod. 
  • Nullam id dolor id nibh ultricies vehicula ut id. 
  • Cras justo odio, dapibus ac facilisis in, egestas eget quam.
  1. ol – ordered list
  2. Vestibulum id ligula porta felis euismod. 
  3. Nullam id dolor id nibh ultricies vehicula ut id. 
  4. Cras justo odio, dapibus ac facilisis in, egestas eget quam.

This is a link

This is an image with a caption

Image inline with content. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Nulla vitae elit libero, a pharetra augue. Maecenas sed diam eget risus varius blandit sit amet non magna. Curabitur blandit tempus porttitor. Nullam quis risus eget urna mollis ornare vel eu leo. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Donec sed odio dui.

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Aenean lacinia bibendum nulla sed consectetur. Nullam quis risus eget urna mollis ornare vel eu leo. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Vestibulum id ligula porta felis euismod semper.

Blockquote. Donec ullamcorper nulla non metus auctor fringilla. Donec sed odio dui. Integer posuere erat a ante venenatis.

Citation

Colors

Primary
#FFCD07
Light Primary
#FFFAE6
Secondary
#AFCA36
Light Secondary
#F7F9EA
Tertiary
#D71082
Light Tertiary
#FBE7F2
Quaternary
#4AC8EF
Light Quaternary
#ECF9FD
Grey
#FAFAFA
White
#FFFFFF

Groups

Full Width Group

You can add a custom background color to a full width group. The content inside the group will match the page layout’s content area.

Wide Group

A wide group allows you to have a wider content section regardless of the page layout. The content inside it matches the “Full Width Content” layout’s content area.

Center Group

A center group allows you to have a narrow content section regardless of the page layout. The content inside it matches the “Content” layout’s content area.