Full Colour Logo

Body Font

Open Sans

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

Open Sans

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

Open Sans / 400, 36px

Title

Heading

Open Sans / 400, 26px

Heading

Subheading

Open Sans / 400, 20px

Subheading

Subsubheading

Open Sans / 500, 17px

Subsubheading

Navigation

Open Sans / 700, 15px

Navigation

Large Paragraph

Open Sans / 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

Open Sans / 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

Open Sans / 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.

Watch cards

This is how the show video posts are displayed in a grid style.

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.