Learn about Carbon Design System
By adopting Carbon, designers gain a collection of reusable assets to design websites and user interfaces quickly and efficiently.
The IBM Design Language is the visual expression of IBM’s brand, including color, type scale, the grid, and more. Carbon translates the design language into code for building digital experiences.
This is done through elements such as color tokens, type tokens, and spacing tokens that are meant to be applied to all sorts of digital experiences through guidance and components.
Figma license
IBMers should get a license for Figma, our primary design kit tool. You can view the w3 Apps Software Licenses page to see license availability for these design tools if needed.
Design kits
We maintain the Carbon kits in Figma. By using the kits you will automatically receive updates made to the Carbon libraries, ensuring your designs stay up-to-date with the latest releases. This allows you to speak the same language and have shared functionality expectations as your developers in the hand-off and development cycle.
Resource | What you’ll find |
|---|---|
Home base for the IBM Brand story, visual brand elements, guidelines, and assets. | |
Documentation of the rationale behind every visual and verbal detail for IBM businesses, audiences, categories, and offerings. | |
IBM’s design philosophy and principles that govern and guide every experience designed by IBM. | |
A central reference that ensures all IBM content for external audiences is grammatically correct, clear, consistent, appropriate for global audiences, and easy to translate. | |
Provides a shared definition of our standards at IBM, a way to measure excellence, and actionable ways to improve product or service experiences. | |
Discipline-specific direction on how to make your product more accessible. |