Full Colour Logo

Body Font

Montserrat

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

1 2 3 4 5 6 7 8 9 0

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

1 2 3 4 5 6 7 8 9 0

Accent Font

Montserrat

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

1 2 3 4 5 6 7 8 9 0

Colour Palette

Primary

Secondary

Page

Layout

Colour-overrides

Override

Typography

Title

Montserrat / 400, 36px

Title

Heading

Montserrat / 500, 26px

Heading

Subheading

Montserrat / 500, 20px

Subheading

Subsubheading

Montserrat / 500, 15px

Subsubheading

Navigation

Montserrat / 700, 15px

Navigation

Large Paragraph

Montserrat / 400, 19px

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec quis libero enim. Duis laoreet, ipsum in egestas eleifend, massa leo rhoncus ante, id tempus nisi nibh sed eros. Duis eget diam in eros auctor ultricies ac vel quam. Nunc aliquam ex id massa malesuada finibus. Donec laoreet tincidunt velit, id faucibus risus facilisis at. Duis risus metus, pretium vitae libero aliquam, tincidunt mollis urna. Ut tempor dui quis gravida dictum.

Paragraph

Montserrat / 400, 16px

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec quis libero enim. Duis laoreet, ipsum in egestas eleifend, massa leo rhoncus ante, id tempus nisi nibh sed eros. Duis eget diam in eros auctor ultricies ac vel quam. Nunc aliquam ex id massa malesuada finibus. Donec laoreet tincidunt velit, id faucibus risus facilisis at. Duis risus metus, pretium vitae libero aliquam, tincidunt mollis urna. Ut tempor dui quis gravida dictum.

Small Paragraph

Montserrat / 400, 14px

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec quis libero enim. Duis laoreet, ipsum in egestas eleifend, massa leo rhoncus ante, id tempus nisi nibh sed eros. Duis eget diam in eros auctor ultricies ac vel quam. Nunc aliquam ex id massa malesuada finibus. Donec laoreet tincidunt velit, id faucibus risus facilisis at. Duis risus metus, pretium vitae libero aliquam, tincidunt mollis urna. Ut tempor dui quis gravida dictum.

Photography
Social Tiles

Basic Form Fields

Cards

Overlay card in a slider and square promo cards alongside. This pattern is used in a few locations throughout hte theme.

Event cards

This is how events are displayed in a grid style

Podcast cards

This is how the podcasts are displayed in a grid style. These are usually displayed at 5 across on larger screens, or 4 if placed next to an advert.

Promotion cards

This is how the promotion cards are displayed in a grid style on the win page. These deviate from being square and are rectangular so they don't take up as much vertical space.