Fonts

We use 2 fonts across all our products. Co-op Headline and Avenir Next. Co-op Headline is our custom typeface, evoking bold and single minded behaviour.

We pair it with Avenir Next, a friendly and functional typeface. We have rules on their usage so that everything looks consistent and we maintain legibility.

Guidelines for Co-op Headline

We only use Co-op Headline:

for page headings
at large sizes
in uppercase for short sentences of about 5 words
in lowercase for longer sentences above (need more info)
in the Co-op blue colour
in white when used on a Co-op blue background

Go to information on the font sizes for Co-op Headline

Go to the brand website to download Co-op Headline (login required)

This is what the Co-op Headline font looks like in upper and lowercase:

Co-op Headline

Example

Guidelines for Avenir Next

We use the Avenir Next font in regular, medium and demi bold weights.

Use:

regular for large bodies of text
medium for buttons and form labels
demi bold for headings after the page heading

The visual contrast between regular and medium or demi bold should make it easy for people to scan content for the information they want. This is why you should never use medium or demi bold for large bodies of text.

Avenir Next has clear, open letterforms and letter spacing.

This is what the regular, medium and demi bold font weights look like:

Avenir Next Regular

Avenir Next Medium

Avenir Next Demi-bold

Example

Changelog for this page

Date	Notes
15 Aug 2024	Co-op Headline font guidelines added
14 April 2021	First version of page published