Style guide


Type


Heading 1

Heading 2

Heading 3

Body text. The font ‘Oswald’ is to be used for all headings. In most cases, the text will be uppercase. To improve legibility, the supporting font ‘Avenir Next Condensed’ is to be used for all body text or any instances of reduced font sizes. In the case where an extremely small font size is required, a suitable non-condensed font may be used.

Text link.

Small text at fixed size.

Colours


Overlays & tints


Overlay
Tint
Overlay
Tint

Icon buttons



Buttons: large


Button Secondary Unstyled

Icon buttons: large



Buttons: small


Button Secondary Unstyled

Icon buttons: small



Buttons: extra small


Button Secondary Unstyled

Icon buttons: extra small



Forms



Forms: small


Input types



Checkbox: checked
Checkbox: unchecked

Radio: selected
Radio: unselected
Stay fuelled with the latest in health & fitness
Be the first to know about product launches, health hacks, supplement advice, recipes, personalised offers and more.