Designed once. Used everywhere.
Things that are easy to use, are simply better. When time and care go into making work smoother for everyone, the outcome is consistent, effective – and more fun. Welcome to the Coop Design System.
Our design philosophyCDS brings it all together
CDS is the go-to hub for everyone who designs or builds Coop's digital products. A shared design and development library, made for – and by – developers, designers, and content designers.
Why use CDS?What is included in CDS?
Getting started
Using CDS means less rework, faster delivery, and more consistent experiences. Simply put, it offers a smoother way of working across teams and platforms over time.
Getting started — Designers
How to use CDS in Figma and in your own design process.
Getting started — Developers
How to install CDS, use tokens, and build components in code.
Explore components
Components are reusable building blocks that combine design and functionality to create intuitive user experiences.
Learn more about CDS
Dive deeper into how CDS works, how it's built, and how it supports teams across design and development.
Contribute to CDS
What do you think about CDS? We're constantly working to improve the system and would really appreciate your input on content, structure, functionality, or anything else. Get in touch.
Share your feedback
FAQ
Browse to find answers to common questions. Or reach out to our team – we're always ready to support you.
Terminology
A design system has its own terminology. Here's a list of common terms used in design systems in general and within CDS in particular.