Full Colour Logo

Body Font

Roboto

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

Roboto

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

Roboto / 400, 36px

Title

Heading

Roboto / 500, 26px

Heading

Subheading

Roboto / 500, 20px

Subheading

Subsubheading

Roboto / 500, 16px

Subsubheading

Navigation

Roboto / 600, 16px

Navigation

Large Paragraph

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

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

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

Show cards

This is how the shows are displayed in a grid style. These are also pulled into a slider on the home page.

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.

Blog cards

This is how the show blog 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.

Keep up to date

Sign up for our newsletter