Full Colour Logo

Power100 Colour Logo 300

Body Font

Public 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

Public 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

Public Sans / 400, 36px

Title

Heading

Public Sans / 400, 26px

Heading

Subheading

Public Sans / 500, 20px

Subheading

Subsubheading

Public Sans / 500, 17px

Subsubheading

Navigation

Public Sans / 600, 15px

Navigation

Large Paragraph

Public 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

Public 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

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

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.