Carbon Design System

Carbon is the design system for IBM web and product, made up of individual styles, components, and guidelines for creating unified UI. 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.

Key features and topics covered in the "Get started" guide:

• Learn about Carbon: Understand the fundamentals and benefits of using Carbon.
• Access the tools: Information on accessing design tools, with a primary focus on Figma for IBMers.
• Get the Figma design kits: Instructions on obtaining and using Carbon's core design kits in Figma.
• Review our usage guidance: Detailed documentation on components and patterns for proper usage.
• Explore foundational guidance: Links to resources like the IBM Brand Center, IBM Design Language, and IBM Accessibility guidelines.
• Connect with us: Ways to engage with the Carbon community, including Slack channels and meetups.