BLOG
UI Tools Mobile Menu
Suggest Tool
Carbon Design System

Carbon Design System

he open source design platform for goods and digital experiences used by IBM is called Carbon.

Visit Website

About Carbon Design System

The open source design platform for goods and digital experiences used by IBM is called Carbon. The system is built on the IBM Design Language and includes working code, design materials, rules for user interfaces, and a thriving contributor community.

A design system is a set of pre-made, reusable resources—components, patterns, instructions, and code—that enables its users to create consistent digital experiences more quickly. Teams spend less time creating and building by utilizing Carbon's pre-built and universal components. Instead of repeatedly creating fundamental components, businesses may utilize that time to develop goods that are specifically tailored to the needs of their customers.

Carbon is open source

IBM provided the funding and resources for Carbon, thus it was created to meet their business requirements. However, we made Carbon open source so that anyone could use it and contribute to it. Although its focus is mostly on open source, Carbon also supports a number of IBM business units that use an inner source architecture.

How Carbon works

The Carbon team is dedicated to assisting community members in successfully adopting and utilizing Carbon assets.

Guiding principles

Open is carbon. A dispersed team is working on the design system under the open source movement's guiding principles. Everyone is encouraged to participate because Carbon's users are also its creators.

Carbon is open to anyone. It is constructed and planned to be available to everyone, regardless of circumstance or ability.

Carbon is versatile and modular. The modularity of the system guarantees maximal execution flexibility. Any combination that best serves the demands of the user will result in its components operating together without any issues.

Carbon prioritizes the user. Carbon has a laser-like focus on actual people by doing in-depth research on user needs and preferences.

Carbon increases reliability. Every part and component of Carbon, which is based on the IBM Design Language, was created from the ground up to function beautifully together to deliver consistent, harmonious user experiences.

Blog Posts About Design System

Related Products View All
P
Pluralsight Design System

The Pluralsight Design System strives toward a cohesive design language for Pluralsight’s products, a shared vocabulary for their teams, and basic building blocks to accelerate development.

H
Human Interface Guidelines

Get in-depth information and UI resources for designing great apps that integrate seamlessly with Apple platforms.

S
Seek Style Guide

The SEEK styleguide's purpose is to enable the creation of content that will assist our users to complete tasks easily and hopefully enjoy the experience.

S
ServiceNow Design System

The ServiceNow Design System is a living system that empowers us to design and achieve a consistent, efficient, and high quality visual language that brings cohesion and familiarity to the user experience across the platform.

N
Nachos

Nachos is Trello's design system. This comprehensive guide and resource library contains everything you’ll need to design with us, including our core principles, visual design and interface components.

P
Photon Design System

Photon is the Firefox design language to build modern, intuitive, delightful experiences, for products across all platforms – from mobile to desktop, from TV to the next big thing.

P
Predix Design System

Our user interface components enable you to quickly and easily create Industrial Internet web applications that run on dedicated Predix services and data.

C
Canvas Design System

This library showcases the building blocks that make up Hubspot's design system, from colors and typography to React-based components and data visualization tools.

G
Global Experience Language (GEL)

GEL is the BBC's shared design framework which enables us to create consistent and delightful user experiences across all of our Digital Services.

Y
Yelp Styleguide

The styleguide is a resource that provides a common language around Yelp’s UI patterns. We use it to maintain modular front-end code and visual consistency across the web app.

Suggest Product