/design-system-website

http://www.carbondesignsystem.com

Primary LanguageJavaScript

Carbon Design System

The Carbon Design System is a series of individual styles and components, that when combined make beautiful, intuitive designs. These designs are systemic and logical, as they all follow the same universal principles.

The Carbon Design System is comprised of:

  • The Carbon website, containing documenation on our code base, UX patterns, and style specs.
  • The Carbon Design Kit, a versioned Sketch file containing our entire component library, templates, and additional visual patterns.
  • The Carbon Component Library (React and Vanilla.js) is a collection of re-usable HTML and Sass partials for building products and experiences.

Accessibility

All of the designs in the Carbon Design System 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.

Getting Started

Carbon Components

Using npm, npm install -S carbon-components.

Full instructions can be found on the Carbon website's Getting Started section.

Carbon Design Kit

Download the Sketch Design Kit from our GitHub repo. Full instructions can be found on the Carbon website's Getting Started section.

Contributing

Feedback

See something missing or have general feedback for the Carbon team?

Open an issue in the following repos: