The Carbon for IBM.com Design Kit is a living, breathing document that contains all of our visual assets (components, iconography, color palettes, grids, templates, responsive behavior, etc). This document evolves and changes as we collaborate with partners and service teams.
Contains release notes on current and previous versions of the Carbon for IBM.com Design Kit.
All of the designs within the Carbon for IBM.com Design Kit meet the WCAG 2.0 AA accessibility guidelines and are compliant with Section 508 standards. If you choose to customize these designs, please make sure they continue to meet these requirements.
The Carbon for IBM.com Design Kit now uses the new typeface IBM Plex. It is open sourced and free to download from the IBM GitHub repo
The Carbon for IBM.com Design Kit is currently available as a closed pilot. If you are an adopter that is migrating
to Carbon in your roadmap, you can reach out to us via Slack at #carbon-for-ibm-dotcom
, or open an issue here.
The Design Kit requires having the latest version of Figma installed.
In a new Figma File, open the libraries overlay and enable Carbon for IBM.com v2 BETA
from the list.
Use the components and core visual styles to build out your design
Updates to the Design Kit will be announced in your Figma files. Be sure to update to get latest versions of components and patterns.
Carbon for IBM.com is available at our Github repo. Check out https://www.ibm.com/standards/web/carbon-for-ibm-dotcom for more information.
Follow the steps in our Contributing guidelines to contribute to the Carbon Design System.
For instructions on contributing to our IBM.com library please read our contributing docs.
Our design kit is maintained inside Figma, and is accessible to internal IBM employees who have a Figma license. You can read more about enabling the Figma library on the Carbon for IBM.com website.
The Carbon for IBM.com Design Kit now comes with the Sketch Palettes plugin which allows you to import Carbon specific palettes into your Sketch files. There are four Carbon palettes (a Carbon default palette and three data vis palettes) included with the Carbon for IBM.com Design Kit download. We also have a wiki of suggested Sketch plugins to help make your design workflow more efficient.
Copyright Β© 2020 IBM