Back to the pattern library

Font

We use Avenir Next in regular, medium and demi bold weights. Its characteristic clear, open letterforms and letter spacing help communicate a consistent Co-op brand identity.

More detailed information on how to use our typography can be found in our design guidance.

Example

Example

HTML

<p class="coop-regular">Avenir Next Regular</p>
<p class="coop-medium">Avenir Next Medium</p>
<p class="coop-bold">Avenir Next Demi Bold</p>

SCSS

The styles for this pattern can be found in the foundations on github.

JS

There is no javascript needed for this component.

Design and content

If you need the Avenir font contact design@coopdigital.co.uk

Accessibility

We are currently working on this.

For more information see our general guide on accessibility.

Suggest a pattern

Use this form to suggest a new pattern or a change to an existing one.

Suggest a new pattern or a change