We're currently working on the future of the Design system at Co-op

We'll start talking about this publicly as soon as we can. In the meantime this site will remain up to date with our current design patterns.

Design foundations and components

The foundation and components are meant as a starting point when designing and building products for Co‑op.

Experimenting is encouraged.

Use the foundations and components by:

Foundations

The foundation styles give you the basic Co‑op look and feel. You normally need all of the foundations so you can install them as one package here.

Components

The components are design patterns based on the foundations that can help to build a Co-op service. Pick the ones that work for your user's needs. If in doubt — design and build something new.

Heroes

Cards

Calls to action

Supporting information

Navigation

Forms

Notifications