Full Colour Logo

Body Font

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

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

/ 400, 36px

Title

Heading

/ 400, 26px

Heading

Subheading

/ 500, 20px

Subheading

Subsubheading

/ 500, 15px

Subsubheading

Navigation

/ 700, 15px

Navigation

Large Paragraph

/ 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

/ 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

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

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.