Code resources

Our front-end foundations and components are a collection of CSS and HTML files that Co-op’s Digital services use.

The prototyping kit uses the foundations and components as its base and gives you a quick way to test and learn.

Co-op front-end

The front-end are the base styles (for things like layout and typography) that all Co-op services use.

You can install individual foundations packages or the foundations CSS that brings them all together - depending on your needs.

Then you can pick and choose whcih components you need on top of the base styles.

See the:

Webpack build pipeline

Coming soon. A default webpack set-up for your service.

If you need more information on setting this up now email design@coopdigital.co.uk

Prototyping kit

The prototyping kit brings together all the foundations and components in one package that allows you to build early versions of services and publish them to the internet quickly.

Get the:

Email templates

A basic Co-op branded responsive email template for service messages.

See the email templates

Pattern library

A collection of our design patterns as code snippets with guidance. Use in conjunction with the front-end toolkit and/or prototyping kit.

Visit the pattern libary