Carbon Design System

{{Short description|Open-source design system developed by IBM}}

{{Infobox software

| name = Carbon Design System

| logo = Carbon-design-system-logo.png

| logo caption =

| logo alt = Logo of Carbon Design System, with a white hexagon overlayed by another hexagon (in a blue-cyan gradient) in the bottom-left corner

| logo size = 64px

| collapsible =

| screenshot =

| screenshot size =

| screenshot alt =

| caption =

| other_names =

| author = IBM

| developer = IBM

| released =

| ver layout = stacked

| discontinued =

| repo = {{Plainlist|

• Carbon, React: {{GitHub|https://github.com/carbon-design-system/carbon|link=hidden}}
• Angular: {{GitHub|https://github.com/IBM/carbon-components-angular|link=hidden}}
• Svelte: {{GitHub|https://github.com/IBM/carbon-components-svelte|link=hidden}}
• Vue: {{GitHub|https://github.com/carbon-design-system/carbon-components-vue|link=hidden}}
• Web Components: {{GitHub|https://github.com/carbon-design-system/carbon-web-components|link=hidden}}

}}

| qid =

| programming language = JavaScript, Vue

| middleware =

| engine =

| operating system =

| platform =

| included with =

| replaces =

| replaced_by =

| service_name =

| size =

| standard =

| language =

| language count =

| language footnote =

| genre = Design language software

| license = Apache License 2.0{{Cite web|url=https://github.com/carbon-design-system/carbon/blob/main/LICENSE|title=carbon/LICENSE at main · carbon-design-system/carbon|date=2016-11-02|access-date=2021-03-18|website=GitHub}}{{Cite web|url=https://github.com/carbon-design-system/carbon-components-vue/blob/master/LICENSE|title=carbon-components-vue/LICENSE at master · carbon-design-system/carbon-components-vue|date=2018-10-24|access-date=2021-03-18|website=GitHub}}

| website = {{URL|https://www.carbondesignsystem.com/}}

| AsOf =

}}

Carbon Design System is a free and open-source design system and library created by IBM, which implements the IBM Design Language, and licensed under Apache License 2.0. Its public development initially started on June 10, 2015.{{Cite web|url=https://github.com/carbon-design-system/carbon/commit/3abb05aa51a2b051f397f483d0c2f6af34b1b4a3|title=Initial commit · carbon-design-system/carbon@3abb05a|date=2015-07-10|access-date=2021-03-18|website=GitHub}} Their components have multiple implementations, which includes a vanilla JS and CSS implementation and React (maintained by the Carbon Core team{{Cite web|url=https://www.carbondesignsystem.com/all-about-carbon/how-carbon-works#assets|title=How Carbon works – Carbon Design System|access-date=2021-03-18|website=carbondesignsystem.com}}), while the community maintains the frameworks developed in Svelte, Vue.js, and Web Components. The official typeface to be used according to the guidelines is the IBM Plex typeface,{{Cite web|url=https://www.ibm.com/design/language/resources#typography|title=IBM Design Language – Resources|website=carbondesignsystem.com}} with alternative typefaces for CJK scripts are Noto Sans CJK SC, Noto Sans CJK TC, and Noto Sans JP.{{Cite web|url=https://www.ibm.com/design/language/typography/typeface#asian-scripts|title=IBM Design Language – Typeface|access-date=2021-03-18|website=carbondesignsystem.com}}