CINXE.COM

<!DOCTYPE html> <html class="client-nojs vector-feature-language-in-header-enabled vector-feature-language-in-main-page-header-disabled vector-feature-sticky-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-1 vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-custom-font-size-clientpref-1 vector-feature-appearance-pinned-clientpref-1 vector-feature-night-mode-enabled skin-theme-clientpref-day vector-toc-available" lang="en" dir="ltr"> <head> <meta charset="UTF-8"> <title>Carbon Design System - Wikipedia</title> <script>(function(){var className="client-js vector-feature-language-in-header-enabled vector-feature-language-in-main-page-header-disabled vector-feature-sticky-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-1 vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-custom-font-size-clientpref-1 vector-feature-appearance-pinned-clientpref-1 vector-feature-night-mode-enabled skin-theme-clientpref-day vector-toc-available";var cookie=document.cookie.match(/(?:^|; )enwikimwclientpreferences=([^;]+)/);if(cookie){cookie[1].split('%2C').forEach(function(pref){className=className.replace(new RegExp('(^| )'+pref.replace(/-clientpref-\w+$|[^\w-]+/g,'')+'-clientpref-\\w+( |$)'),'$1'+pref+'$2');});}document.documentElement.className=className;}());RLCONF={"wgBreakFrames":false,"wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy", "wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgRequestId":"b2d9ffbd-3039-4a54-8e7a-b133caef44d7","wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"Carbon_Design_System","wgTitle":"Carbon Design System","wgCurRevisionId":1118356875,"wgRevisionId":1118356875,"wgArticleId":67143185,"wgIsArticle":true,"wgIsRedirect":false,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":["Articles with short description","Short description matches Wikidata","Design language","Graphical user interfaces","IBM"],"wgPageViewLanguage":"en","wgPageContentLanguage":"en","wgPageContentModel":"wikitext","wgRelevantPageName":"Carbon_Design_System","wgRelevantArticleId":67143185,"wgIsProbablyEditable":true,"wgRelevantPageIsProbablyEditable":true,"wgRestrictionEdit":[],"wgRestrictionMove":[],"wgNoticeProject":"wikipedia","wgCiteReferencePreviewsActive":false, "wgFlaggedRevsParams":{"tags":{"status":{"levels":1}}},"wgMediaViewerOnClick":true,"wgMediaViewerEnabledByDefault":true,"wgPopupsFlags":0,"wgVisualEditor":{"pageLanguageCode":"en","pageLanguageDir":"ltr","pageVariantFallbacks":"en"},"wgMFDisplayWikibaseDescriptions":{"search":true,"watchlist":true,"tagline":false,"nearby":true},"wgWMESchemaEditAttemptStepOversample":false,"wgWMEPageLength":4000,"wgRelatedArticlesCompat":[],"wgCentralAuthMobileDomain":false,"wgEditSubmitButtonLabelPublish":true,"wgULSPosition":"interlanguage","wgULSisCompactLinksEnabled":false,"wgVector2022LanguageInHeader":true,"wgULSisLanguageSelectorEmpty":false,"wgWikibaseItemId":"Q106070551","wgCheckUserClientHintsHeadersJsApi":["brands","architecture","bitness","fullVersionList","mobile","model","platform","platformVersion"],"GEHomepageSuggestedEditsEnableTopics":true,"wgGETopicsMatchModeEnabled":false,"wgGEStructuredTaskRejectionReasonTextInputEnabled":false,"wgGELevelingUpEnabledForUser":false};RLSTATE={ "ext.globalCssJs.user.styles":"ready","site.styles":"ready","user.styles":"ready","ext.globalCssJs.user":"ready","user":"ready","user.options":"loading","ext.cite.styles":"ready","skins.vector.search.codex.styles":"ready","skins.vector.styles":"ready","skins.vector.icons":"ready","jquery.makeCollapsible.styles":"ready","ext.wikimediamessages.styles":"ready","ext.visualEditor.desktopArticleTarget.noscript":"ready","ext.uls.interlanguage":"ready","wikibase.client.init":"ready","ext.wikimediaBadges":"ready"};RLPAGEMODULES=["ext.cite.ux-enhancements","site","mediawiki.page.ready","jquery.makeCollapsible","skins.vector.js","ext.centralNotice.geoIP","ext.centralNotice.startUp","ext.gadget.ReferenceTooltips","ext.gadget.switcher","ext.urlShortener.toolbar","ext.centralauth.centralautologin","mmv.bootstrap","ext.popups","ext.visualEditor.desktopArticleTarget.init","ext.visualEditor.targetLoader","ext.echo.centralauth","ext.eventLogging","ext.wikimediaEvents","ext.navigationTiming", "ext.uls.interface","ext.cx.eventlogging.campaigns","ext.cx.uls.quick.actions","wikibase.client.vector-2022","ext.checkUser.clientHints","ext.quicksurveys.init","ext.growthExperiments.SuggestedEditSession","wikibase.sidebar.tracking"];</script> <script>(RLQ=window.RLQ||[]).push(function(){mw.loader.impl(function(){return["user.options@12s5i",function($,jQuery,require,module){mw.user.tokens.set({"patrolToken":"+\\","watchToken":"+\\","csrfToken":"+\\"}); }];});});</script> <link rel="stylesheet" href="/w/load.php?lang=en&modules=ext.cite.styles%7Cext.uls.interlanguage%7Cext.visualEditor.desktopArticleTarget.noscript%7Cext.wikimediaBadges%7Cext.wikimediamessages.styles%7Cjquery.makeCollapsible.styles%7Cskins.vector.icons%2Cstyles%7Cskins.vector.search.codex.styles%7Cwikibase.client.init&only=styles&skin=vector-2022"> <script async="" src="/w/load.php?lang=en&modules=startup&only=scripts&raw=1&skin=vector-2022"></script> <meta name="ResourceLoaderDynamicStyles" content=""> <link rel="stylesheet" href="/w/load.php?lang=en&modules=site.styles&only=styles&skin=vector-2022"> <meta name="generator" content="MediaWiki 1.44.0-wmf.4"> <meta name="referrer" content="origin"> <meta name="referrer" content="origin-when-cross-origin"> <meta name="robots" content="max-image-preview:standard"> <meta name="format-detection" content="telephone=no"> <meta name="viewport" content="width=1120"> <meta property="og:title" content="Carbon Design System - Wikipedia"> <meta property="og:type" content="website"> <link rel="preconnect" href="//upload.wikimedia.org"> <link rel="alternate" media="only screen and (max-width: 640px)" href="//en.m.wikipedia.org/wiki/Carbon_Design_System"> <link rel="alternate" type="application/x-wiki" title="Edit this page" href="/w/index.php?title=Carbon_Design_System&action=edit"> <link rel="apple-touch-icon" href="/static/apple-touch/wikipedia.png"> <link rel="icon" href="/static/favicon/wikipedia.ico"> <link rel="search" type="application/opensearchdescription+xml" href="/w/rest.php/v1/search" title="Wikipedia (en)"> <link rel="EditURI" type="application/rsd+xml" href="//en.wikipedia.org/w/api.php?action=rsd"> <link rel="canonical" href="https://en.wikipedia.org/wiki/Carbon_Design_System"> <link rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/deed.en"> <link rel="alternate" type="application/atom+xml" title="Wikipedia Atom feed" href="/w/index.php?title=Special:RecentChanges&feed=atom"> <link rel="dns-prefetch" href="//meta.wikimedia.org" /> <link rel="dns-prefetch" href="//login.wikimedia.org"> </head> <body class="skin--responsive skin-vector skin-vector-search-vue mediawiki ltr sitedir-ltr mw-hide-empty-elt ns-0 ns-subject mw-editable page-Carbon_Design_System rootpage-Carbon_Design_System skin-vector-2022 action-view"><a class="mw-jump-link" href="#bodyContent">Jump to content</a> <div class="vector-header-container"> <header class="vector-header mw-header"> <div class="vector-header-start"> <nav class="vector-main-menu-landmark" aria-label="Site"> <div id="vector-main-menu-dropdown" class="vector-dropdown vector-main-menu-dropdown vector-button-flush-left vector-button-flush-right" > <input type="checkbox" id="vector-main-menu-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-main-menu-dropdown" class="vector-dropdown-checkbox " aria-label="Main menu" > <label id="vector-main-menu-dropdown-label" for="vector-main-menu-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-menu mw-ui-icon-wikimedia-menu"></span> <span class="vector-dropdown-label-text">Main menu</span> </label> <div class="vector-dropdown-content"> <div id="vector-main-menu-unpinned-container" class="vector-unpinned-container"> <div id="vector-main-menu" class="vector-main-menu vector-pinnable-element"> <div class="vector-pinnable-header vector-main-menu-pinnable-header vector-pinnable-header-unpinned" data-feature-name="main-menu-pinned" data-pinnable-element-id="vector-main-menu" data-pinned-container-id="vector-main-menu-pinned-container" data-unpinned-container-id="vector-main-menu-unpinned-container" > <div class="vector-pinnable-header-label">Main menu</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-main-menu.pin">move to sidebar</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-main-menu.unpin">hide</button> </div> <div id="p-navigation" class="vector-menu mw-portlet mw-portlet-navigation" > <div class="vector-menu-heading"> Navigation </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-mainpage-description" class="mw-list-item"><a href="/wiki/Main_Page" title="Visit the main page [z]" accesskey="z"><span>Main page</span></a></li><li id="n-contents" class="mw-list-item"><a href="/wiki/Wikipedia:Contents" title="Guides to browsing Wikipedia"><span>Contents</span></a></li><li id="n-currentevents" class="mw-list-item"><a href="/wiki/Portal:Current_events" title="Articles related to current events"><span>Current events</span></a></li><li id="n-randompage" class="mw-list-item"><a href="/wiki/Special:Random" title="Visit a randomly selected article [x]" accesskey="x"><span>Random article</span></a></li><li id="n-aboutsite" class="mw-list-item"><a href="/wiki/Wikipedia:About" title="Learn about Wikipedia and how it works"><span>About Wikipedia</span></a></li><li id="n-contactpage" class="mw-list-item"><a href="//en.wikipedia.org/wiki/Wikipedia:Contact_us" title="How to contact Wikipedia"><span>Contact us</span></a></li> </ul> </div> </div> <div id="p-interaction" class="vector-menu mw-portlet mw-portlet-interaction" > <div class="vector-menu-heading"> Contribute </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-help" class="mw-list-item"><a href="/wiki/Help:Contents" title="Guidance on how to use and edit Wikipedia"><span>Help</span></a></li><li id="n-introduction" class="mw-list-item"><a href="/wiki/Help:Introduction" title="Learn how to edit Wikipedia"><span>Learn to edit</span></a></li><li id="n-portal" class="mw-list-item"><a href="/wiki/Wikipedia:Community_portal" title="The hub for editors"><span>Community portal</span></a></li><li id="n-recentchanges" class="mw-list-item"><a href="/wiki/Special:RecentChanges" title="A list of recent changes to Wikipedia [r]" accesskey="r"><span>Recent changes</span></a></li><li id="n-upload" class="mw-list-item"><a href="/wiki/Wikipedia:File_upload_wizard" title="Add images or other media for use on Wikipedia"><span>Upload file</span></a></li> </ul> </div> </div> </div> </div> </div> </div> </nav> <a href="/wiki/Main_Page" class="mw-logo"> <img class="mw-logo-icon" src="/static/images/icons/wikipedia.png" alt="" aria-hidden="true" height="50" width="50"> <span class="mw-logo-container skin-invert"> <img class="mw-logo-wordmark" alt="Wikipedia" src="/static/images/mobile/copyright/wikipedia-wordmark-en.svg" style="width: 7.5em; height: 1.125em;"> <img class="mw-logo-tagline" alt="The Free Encyclopedia" src="/static/images/mobile/copyright/wikipedia-tagline-en.svg" width="117" height="13" style="width: 7.3125em; height: 0.8125em;"> </span> </a> </div> <div class="vector-header-end"> <div id="p-search" role="search" class="vector-search-box-vue vector-search-box-collapses vector-search-box-show-thumbnail vector-search-box-auto-expand-width vector-search-box"> <a href="/wiki/Special:Search" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only search-toggle" title="Search Wikipedia [f]" accesskey="f"><span class="vector-icon mw-ui-icon-search mw-ui-icon-wikimedia-search"></span> <span>Search</span> </a> <div class="vector-typeahead-search-container"> <div class="cdx-typeahead-search cdx-typeahead-search--show-thumbnail cdx-typeahead-search--auto-expand-width"> <form action="/w/index.php" id="searchform" class="cdx-search-input cdx-search-input--has-end-button"> <div id="simpleSearch" class="cdx-search-input__input-wrapper" data-search-loc="header-moved"> <div class="cdx-text-input cdx-text-input--has-start-icon"> <input class="cdx-text-input__input" type="search" name="search" placeholder="Search Wikipedia" aria-label="Search Wikipedia" autocapitalize="sentences" title="Search Wikipedia [f]" accesskey="f" id="searchInput" > <span class="cdx-text-input__icon cdx-text-input__start-icon"></span> </div> <input type="hidden" name="title" value="Special:Search"> </div> <button class="cdx-button cdx-search-input__end-button">Search</button> </form> </div> </div> </div> <nav class="vector-user-links vector-user-links-wide" aria-label="Personal tools"> <div class="vector-user-links-main"> <div id="p-vector-user-menu-preferences" class="vector-menu mw-portlet emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <div id="p-vector-user-menu-userpage" class="vector-menu mw-portlet emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <nav class="vector-appearance-landmark" aria-label="Appearance"> <div id="vector-appearance-dropdown" class="vector-dropdown " title="Change the appearance of the page's font size, width, and color" > <input type="checkbox" id="vector-appearance-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-appearance-dropdown" class="vector-dropdown-checkbox " aria-label="Appearance" > <label id="vector-appearance-dropdown-label" for="vector-appearance-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-appearance mw-ui-icon-wikimedia-appearance"></span> <span class="vector-dropdown-label-text">Appearance</span> </label> <div class="vector-dropdown-content"> <div id="vector-appearance-unpinned-container" class="vector-unpinned-container"> </div> </div> </div> </nav> <div id="p-vector-user-menu-notifications" class="vector-menu mw-portlet emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <div id="p-vector-user-menu-overflow" class="vector-menu mw-portlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-sitesupport-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="https://donate.wikimedia.org/wiki/Special:FundraiserRedirector?utm_source=donate&utm_medium=sidebar&utm_campaign=C13_en.wikipedia.org&uselang=en" class=""><span>Donate</span></a> </li> <li id="pt-createaccount-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="/w/index.php?title=Special:CreateAccount&returnto=Carbon+Design+System" title="You are encouraged to create an account and log in; however, it is not mandatory" class=""><span>Create account</span></a> </li> <li id="pt-login-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="/w/index.php?title=Special:UserLogin&returnto=Carbon+Design+System" title="You're encouraged to log in; however, it's not mandatory. [o]" accesskey="o" class=""><span>Log in</span></a> </li> </ul> </div> </div> </div> <div id="vector-user-links-dropdown" class="vector-dropdown vector-user-menu vector-button-flush-right vector-user-menu-logged-out" title="Log in and more options" > <input type="checkbox" id="vector-user-links-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-user-links-dropdown" class="vector-dropdown-checkbox " aria-label="Personal tools" > <label id="vector-user-links-dropdown-label" for="vector-user-links-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-ellipsis mw-ui-icon-wikimedia-ellipsis"></span> <span class="vector-dropdown-label-text">Personal tools</span> </label> <div class="vector-dropdown-content"> <div id="p-personal" class="vector-menu mw-portlet mw-portlet-personal user-links-collapsible-item" title="User menu" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-sitesupport" class="user-links-collapsible-item mw-list-item"><a href="https://donate.wikimedia.org/wiki/Special:FundraiserRedirector?utm_source=donate&utm_medium=sidebar&utm_campaign=C13_en.wikipedia.org&uselang=en"><span>Donate</span></a></li><li id="pt-createaccount" class="user-links-collapsible-item mw-list-item"><a href="/w/index.php?title=Special:CreateAccount&returnto=Carbon+Design+System" title="You are encouraged to create an account and log in; however, it is not mandatory"><span class="vector-icon mw-ui-icon-userAdd mw-ui-icon-wikimedia-userAdd"></span> <span>Create account</span></a></li><li id="pt-login" class="user-links-collapsible-item mw-list-item"><a href="/w/index.php?title=Special:UserLogin&returnto=Carbon+Design+System" title="You're encouraged to log in; however, it's not mandatory. [o]" accesskey="o"><span class="vector-icon mw-ui-icon-logIn mw-ui-icon-wikimedia-logIn"></span> <span>Log in</span></a></li> </ul> </div> </div> <div id="p-user-menu-anon-editor" class="vector-menu mw-portlet mw-portlet-user-menu-anon-editor" > <div class="vector-menu-heading"> Pages for logged out editors <a href="/wiki/Help:Introduction" aria-label="Learn more about editing"><span>learn more</span></a> </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-anoncontribs" class="mw-list-item"><a href="/wiki/Special:MyContributions" title="A list of edits made from this IP address [y]" accesskey="y"><span>Contributions</span></a></li><li id="pt-anontalk" class="mw-list-item"><a href="/wiki/Special:MyTalk" title="Discussion about edits from this IP address [n]" accesskey="n"><span>Talk</span></a></li> </ul> </div> </div> </div> </div> </nav> </div> </header> </div> <div class="mw-page-container"> <div class="mw-page-container-inner"> <div class="vector-sitenotice-container"> <div id="siteNotice"></div> </div> <div class="vector-column-start"> <div class="vector-main-menu-container"> <div id="mw-navigation"> <nav id="mw-panel" class="vector-main-menu-landmark" aria-label="Site"> <div id="vector-main-menu-pinned-container" class="vector-pinned-container"> </div> </nav> </div> </div> <div class="vector-sticky-pinned-container"> <nav id="mw-panel-toc" aria-label="Contents" data-event-name="ui.sidebar-toc" class="mw-table-of-contents-container vector-toc-landmark"> <div id="vector-toc-pinned-container" class="vector-pinned-container"> <div id="vector-toc" class="vector-toc vector-pinnable-element"> <div class="vector-pinnable-header vector-toc-pinnable-header vector-pinnable-header-pinned" data-feature-name="toc-pinned" data-pinnable-element-id="vector-toc" > <h2 class="vector-pinnable-header-label">Contents</h2> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-toc.pin">move to sidebar</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-toc.unpin">hide</button> </div> <ul class="vector-toc-contents" id="mw-panel-toc-list"> <li id="toc-mw-content-text" class="vector-toc-list-item vector-toc-level-1"> <a href="#" class="vector-toc-link"> <div class="vector-toc-text">(Top)</div> </a> </li> <li id="toc-See_also" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#See_also"> <div class="vector-toc-text"> <span class="vector-toc-numb">1</span> <span>See also</span> </div> </a> <ul id="toc-See_also-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-References" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#References"> <div class="vector-toc-text"> <span class="vector-toc-numb">2</span> <span>References</span> </div> </a> <ul id="toc-References-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-External_links" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#External_links"> <div class="vector-toc-text"> <span class="vector-toc-numb">3</span> <span>External links</span> </div> </a> <ul id="toc-External_links-sublist" class="vector-toc-list"> </ul> </li> </ul> </div> </div> </nav> </div> </div> <div class="mw-content-container"> <main id="content" class="mw-body"> <header class="mw-body-header vector-page-titlebar"> <nav aria-label="Contents" class="vector-toc-landmark"> <div id="vector-page-titlebar-toc" class="vector-dropdown vector-page-titlebar-toc vector-button-flush-left" > <input type="checkbox" id="vector-page-titlebar-toc-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-page-titlebar-toc" class="vector-dropdown-checkbox " aria-label="Toggle the table of contents" > <label id="vector-page-titlebar-toc-label" for="vector-page-titlebar-toc-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-listBullet mw-ui-icon-wikimedia-listBullet"></span> <span class="vector-dropdown-label-text">Toggle the table of contents</span> </label> <div class="vector-dropdown-content"> <div id="vector-page-titlebar-toc-unpinned-container" class="vector-unpinned-container"> </div> </div> </div> </nav> <h1 id="firstHeading" class="firstHeading mw-first-heading"><span class="mw-page-title-main">Carbon Design System</span></h1> <div id="p-lang-btn" class="vector-dropdown mw-portlet mw-portlet-lang" > <input type="checkbox" id="p-lang-btn-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-p-lang-btn" class="vector-dropdown-checkbox mw-interlanguage-selector" aria-label="This article exist only in this language. Add the article for other languages" > <label id="p-lang-btn-label" for="p-lang-btn-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--action-progressive mw-portlet-lang-heading-0" aria-hidden="true" ><span class="vector-icon mw-ui-icon-language-progressive mw-ui-icon-wikimedia-language-progressive"></span> <span class="vector-dropdown-label-text">Add languages</span> </label> <div class="vector-dropdown-content"> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> <div class="after-portlet after-portlet-lang"><span class="uls-after-portlet-link"></span><span class="wb-langlinks-add wb-langlinks-link"><a href="https://www.wikidata.org/wiki/Special:EntityPage/Q106070551#sitelinks-wikipedia" title="Add interlanguage links" class="wbc-editpage">Add links</a></span></div> </div> </div> </div> </header> <div class="vector-page-toolbar"> <div class="vector-page-toolbar-container"> <div id="left-navigation"> <nav aria-label="Namespaces"> <div id="p-associated-pages" class="vector-menu vector-menu-tabs mw-portlet mw-portlet-associated-pages" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-nstab-main" class="selected vector-tab-noicon mw-list-item"><a href="/wiki/Carbon_Design_System" title="View the content page [c]" accesskey="c"><span>Article</span></a></li><li id="ca-talk" class="vector-tab-noicon mw-list-item"><a href="/wiki/Talk:Carbon_Design_System" rel="discussion" title="Discuss improvements to the content page [t]" accesskey="t"><span>Talk</span></a></li> </ul> </div> </div> <div id="vector-variants-dropdown" class="vector-dropdown emptyPortlet" > <input type="checkbox" id="vector-variants-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-variants-dropdown" class="vector-dropdown-checkbox " aria-label="Change language variant" > <label id="vector-variants-dropdown-label" for="vector-variants-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet" aria-hidden="true" ><span class="vector-dropdown-label-text">English</span> </label> <div class="vector-dropdown-content"> <div id="p-variants" class="vector-menu mw-portlet mw-portlet-variants emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> </div> </div> </nav> </div> <div id="right-navigation" class="vector-collapsible"> <nav aria-label="Views"> <div id="p-views" class="vector-menu vector-menu-tabs mw-portlet mw-portlet-views" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-view" class="selected vector-tab-noicon mw-list-item"><a href="/wiki/Carbon_Design_System"><span>Read</span></a></li><li id="ca-edit" class="vector-tab-noicon mw-list-item"><a href="/w/index.php?title=Carbon_Design_System&action=edit" title="Edit this page [e]" accesskey="e"><span>Edit</span></a></li><li id="ca-history" class="vector-tab-noicon mw-list-item"><a href="/w/index.php?title=Carbon_Design_System&action=history" title="Past revisions of this page [h]" accesskey="h"><span>View history</span></a></li> </ul> </div> </div> </nav> <nav class="vector-page-tools-landmark" aria-label="Page tools"> <div id="vector-page-tools-dropdown" class="vector-dropdown vector-page-tools-dropdown" > <input type="checkbox" id="vector-page-tools-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-page-tools-dropdown" class="vector-dropdown-checkbox " aria-label="Tools" > <label id="vector-page-tools-dropdown-label" for="vector-page-tools-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet" aria-hidden="true" ><span class="vector-dropdown-label-text">Tools</span> </label> <div class="vector-dropdown-content"> <div id="vector-page-tools-unpinned-container" class="vector-unpinned-container"> <div id="vector-page-tools" class="vector-page-tools vector-pinnable-element"> <div class="vector-pinnable-header vector-page-tools-pinnable-header vector-pinnable-header-unpinned" data-feature-name="page-tools-pinned" data-pinnable-element-id="vector-page-tools" data-pinned-container-id="vector-page-tools-pinned-container" data-unpinned-container-id="vector-page-tools-unpinned-container" > <div class="vector-pinnable-header-label">Tools</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-page-tools.pin">move to sidebar</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-page-tools.unpin">hide</button> </div> <div id="p-cactions" class="vector-menu mw-portlet mw-portlet-cactions emptyPortlet vector-has-collapsible-items" title="More options" > <div class="vector-menu-heading"> Actions </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-more-view" class="selected vector-more-collapsible-item mw-list-item"><a href="/wiki/Carbon_Design_System"><span>Read</span></a></li><li id="ca-more-edit" class="vector-more-collapsible-item mw-list-item"><a href="/w/index.php?title=Carbon_Design_System&action=edit" title="Edit this page [e]" accesskey="e"><span>Edit</span></a></li><li id="ca-more-history" class="vector-more-collapsible-item mw-list-item"><a href="/w/index.php?title=Carbon_Design_System&action=history"><span>View history</span></a></li> </ul> </div> </div> <div id="p-tb" class="vector-menu mw-portlet mw-portlet-tb" > <div class="vector-menu-heading"> General </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="t-whatlinkshere" class="mw-list-item"><a href="/wiki/Special:WhatLinksHere/Carbon_Design_System" title="List of all English Wikipedia pages containing links to this page [j]" accesskey="j"><span>What links here</span></a></li><li id="t-recentchangeslinked" class="mw-list-item"><a href="/wiki/Special:RecentChangesLinked/Carbon_Design_System" rel="nofollow" title="Recent changes in pages linked from this page [k]" accesskey="k"><span>Related changes</span></a></li><li id="t-upload" class="mw-list-item"><a href="/wiki/Wikipedia:File_Upload_Wizard" title="Upload files [u]" accesskey="u"><span>Upload file</span></a></li><li id="t-specialpages" class="mw-list-item"><a href="/wiki/Special:SpecialPages" title="A list of all special pages [q]" accesskey="q"><span>Special pages</span></a></li><li id="t-permalink" class="mw-list-item"><a href="/w/index.php?title=Carbon_Design_System&oldid=1118356875" title="Permanent link to this revision of this page"><span>Permanent link</span></a></li><li id="t-info" class="mw-list-item"><a href="/w/index.php?title=Carbon_Design_System&action=info" title="More information about this page"><span>Page information</span></a></li><li id="t-cite" class="mw-list-item"><a href="/w/index.php?title=Special:CiteThisPage&page=Carbon_Design_System&id=1118356875&wpFormIdentifier=titleform" title="Information on how to cite this page"><span>Cite this page</span></a></li><li id="t-urlshortener" class="mw-list-item"><a href="/w/index.php?title=Special:UrlShortener&url=https%3A%2F%2Fen.wikipedia.org%2Fwiki%2FCarbon_Design_System"><span>Get shortened URL</span></a></li><li id="t-urlshortener-qrcode" class="mw-list-item"><a href="/w/index.php?title=Special:QrCode&url=https%3A%2F%2Fen.wikipedia.org%2Fwiki%2FCarbon_Design_System"><span>Download QR code</span></a></li> </ul> </div> </div> <div id="p-coll-print_export" class="vector-menu mw-portlet mw-portlet-coll-print_export" > <div class="vector-menu-heading"> Print/export </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="coll-download-as-rl" class="mw-list-item"><a href="/w/index.php?title=Special:DownloadAsPdf&page=Carbon_Design_System&action=show-download-screen" title="Download this page as a PDF file"><span>Download as PDF</span></a></li><li id="t-print" class="mw-list-item"><a href="/w/index.php?title=Carbon_Design_System&printable=yes" title="Printable version of this page [p]" accesskey="p"><span>Printable version</span></a></li> </ul> </div> </div> <div id="p-wikibase-otherprojects" class="vector-menu mw-portlet mw-portlet-wikibase-otherprojects" > <div class="vector-menu-heading"> In other projects </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="t-wikibase" class="wb-otherproject-link wb-otherproject-wikibase-dataitem mw-list-item"><a href="https://www.wikidata.org/wiki/Special:EntityPage/Q106070551" title="Structured data on this page hosted by Wikidata [g]" accesskey="g"><span>Wikidata item</span></a></li> </ul> </div> </div> </div> </div> </div> </div> </nav> </div> </div> </div> <div class="vector-column-end"> <div class="vector-sticky-pinned-container"> <nav class="vector-page-tools-landmark" aria-label="Page tools"> <div id="vector-page-tools-pinned-container" class="vector-pinned-container"> </div> </nav> <nav class="vector-appearance-landmark" aria-label="Appearance"> <div id="vector-appearance-pinned-container" class="vector-pinned-container"> <div id="vector-appearance" class="vector-appearance vector-pinnable-element"> <div class="vector-pinnable-header vector-appearance-pinnable-header vector-pinnable-header-pinned" data-feature-name="appearance-pinned" data-pinnable-element-id="vector-appearance" data-pinned-container-id="vector-appearance-pinned-container" data-unpinned-container-id="vector-appearance-unpinned-container" > <div class="vector-pinnable-header-label">Appearance</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-appearance.pin">move to sidebar</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-appearance.unpin">hide</button> </div> </div> </div> </nav> </div> </div> <div id="bodyContent" class="vector-body" aria-labelledby="firstHeading" data-mw-ve-target-container> <div class="vector-body-before-content"> <div class="mw-indicators"> </div> <div id="siteSub" class="noprint">From Wikipedia, the free encyclopedia</div> </div> <div id="contentSub"><div id="mw-content-subtitle"></div></div> <div id="mw-content-text" class="mw-body-content"><div class="mw-content-ltr mw-parser-output" lang="en" dir="ltr"><div class="shortdescription nomobile noexcerpt noprint searchaux" style="display:none">Open-source design system developed by IBM</div> <style data-mw-deduplicate="TemplateStyles:r1257001546">.mw-parser-output .infobox-subbox{padding:0;border:none;margin:-3px;width:auto;min-width:100%;font-size:100%;clear:none;float:none;background-color:transparent}.mw-parser-output .infobox-3cols-child{margin:auto}.mw-parser-output .infobox .navbar{font-size:100%}@media screen{html.skin-theme-clientpref-night .mw-parser-output .infobox-full-data:not(.notheme)>div:not(.notheme)[style]{background:#1f1f23!important;color:#f8f9fa}}@media screen and (prefers-color-scheme:dark){html.skin-theme-clientpref-os .mw-parser-output .infobox-full-data:not(.notheme) div:not(.notheme){background:#1f1f23!important;color:#f8f9fa}}@media(min-width:640px){body.skin--responsive .mw-parser-output .infobox-table{display:table!important}body.skin--responsive .mw-parser-output .infobox-table>caption{display:table-caption!important}body.skin--responsive .mw-parser-output .infobox-table>tbody{display:table-row-group}body.skin--responsive .mw-parser-output .infobox-table tr{display:table-row!important}body.skin--responsive .mw-parser-output .infobox-table th,body.skin--responsive .mw-parser-output .infobox-table td{padding-left:inherit;padding-right:inherit}}</style><table class="infobox vevent"><caption class="infobox-title summary">Carbon Design System</caption><tbody><tr><td colspan="2" class="infobox-image logo"><span typeof="mw:File"><a href="/wiki/File:Carbon-design-system-logo.png" class="mw-file-description"><img alt="Logo of Carbon Design System, with a white hexagon overlayed by another hexagon (in a blue-cyan gradient) in the bottom-left corner" src="//upload.wikimedia.org/wikipedia/commons/thumb/b/b9/Carbon-design-system-logo.png/64px-Carbon-design-system-logo.png" decoding="async" width="64" height="64" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/b/b9/Carbon-design-system-logo.png/96px-Carbon-design-system-logo.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/b/b9/Carbon-design-system-logo.png/128px-Carbon-design-system-logo.png 2x" data-file-width="200" data-file-height="200" /></a></span></td></tr><tr><th scope="row" class="infobox-label" style="white-space: nowrap;"><a href="/wiki/Programmer" title="Programmer">Original author(s)</a></th><td class="infobox-data"><a href="/wiki/IBM" title="IBM">IBM</a></td></tr><tr><th scope="row" class="infobox-label" style="white-space: nowrap;"><a href="/wiki/Programmer" title="Programmer">Developer(s)</a></th><td class="infobox-data"><a href="/wiki/IBM" title="IBM">IBM</a></td></tr><tr style="display: none;"><td colspan="2" class="infobox-full-data"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1257001546"></td></tr><tr><th colspan="2" class="infobox-header"><a href="/wiki/Software_release_life_cycle" title="Software release life cycle">Stable release(s)</a> <span class="plainlinks" style="font-size:smaller; margin:0px"><a class="external text" href="https://en.wikipedia.org/wiki/Template:Latest_stable_software_release/Carbon_Design_System?action=edit">[±]</a></span></th></tr><tr><td colspan="2" class="infobox-full-data"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1257001546"><table class="infobox-subbox"><tbody><tr><th scope="row" class="infobox-label">Carbon</th><td class="infobox-data">10.31.0 / April 1, 2021<span class="noprint">; 3 years ago</span><span style="display:none"> (<span class="bday dtstart published updated">2021-04-01</span>)</span> <sup id="cite_ref-carbon-stable_1-0" class="reference"><a href="#cite_note-carbon-stable-1"><span class="cite-bracket">[</span>1<span class="cite-bracket">]</span></a></sup></td></tr><tr><th scope="row" class="infobox-label"><a href="/wiki/AngularJS" title="AngularJS">Angular</a></th><td class="infobox-data">4.46.0 / March 24, 2021<span class="noprint">; 3 years ago</span><span style="display:none"> (<span class="bday dtstart published updated">2021-03-24</span>)</span> <sup id="cite_ref-carbon-angular-stable_2-0" class="reference"><a href="#cite_note-carbon-angular-stable-2"><span class="cite-bracket">[</span>2<span class="cite-bracket">]</span></a></sup></td></tr><tr><th scope="row" class="infobox-label"><a href="/wiki/React_(software)" title="React (software)">React</a></th><td class="infobox-data">7.32.0 / April 1, 2021<span class="noprint">; 3 years ago</span><span style="display:none"> (<span class="bday dtstart published updated">2021-04-01</span>)</span> <sup id="cite_ref-carbon-react-stable_3-0" class="reference"><a href="#cite_note-carbon-react-stable-3"><span class="cite-bracket">[</span>3<span class="cite-bracket">]</span></a></sup></td></tr><tr><th scope="row" class="infobox-label"><a href="/wiki/Vue.js" title="Vue.js">Vue</a></th><td class="infobox-data">2.37.1 / February 2, 2021<span class="noprint">; 3 years ago</span><span style="display:none"> (<span class="bday dtstart published updated">2021-02-02</span>)</span> <sup id="cite_ref-carbon-vue-stable_4-0" class="reference"><a href="#cite_note-carbon-vue-stable-4"><span class="cite-bracket">[</span>4<span class="cite-bracket">]</span></a></sup></td></tr><tr><th scope="row" class="infobox-label"><a href="/wiki/Web_Components" title="Web Components">Web Components</a></th><td class="infobox-data">1.12.0 / March 10, 2021<span class="noprint">; 3 years ago</span><span style="display:none"> (<span class="bday dtstart published updated">2021-03-10</span>)</span> <sup id="cite_ref-carbon-web-components-stable-npm_5-0" class="reference"><a href="#cite_note-carbon-web-components-stable-npm-5"><span class="cite-bracket">[</span>5<span class="cite-bracket">]</span></a></sup><sup id="cite_ref-carbon-web-components-stable-github_6-0" class="reference"><a href="#cite_note-carbon-web-components-stable-github-6"><span class="cite-bracket">[</span>6<span class="cite-bracket">]</span></a></sup></td></tr></tbody></table></td><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1257001546"></tr><tr><th colspan="2" class="infobox-header"><a href="/wiki/Software_release_life_cycle#Beta" title="Software release life cycle">Preview release(s)</a> <span class="plainlinks" style="font-size:smaller; margin:0px"><a class="external text" href="https://en.wikipedia.org/wiki/Template:Latest_preview_software_release/Carbon_Design_System?action=edit">[±]</a></span></th></tr><tr><td colspan="2" class="infobox-full-data"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1257001546"><table class="infobox-subbox"><tbody><tr><th scope="row" class="infobox-label">React</th><td class="infobox-data">7.32.0-rc.0 / March 30, 2021<span class="noprint">; 3 years ago</span><span style="display:none"> (<span class="bday dtstart published updated">2021-03-30</span>)</span> <sup id="cite_ref-carbon-react-preview_7-0" class="reference"><a href="#cite_note-carbon-react-preview-7"><span class="cite-bracket">[</span>7<span class="cite-bracket">]</span></a></sup></td></tr><tr><th scope="row" class="infobox-label"><a href="/wiki/Svelte" title="Svelte">Svelte</a></th><td class="infobox-data">0.32.1 / April 2, 2021<span class="noprint">; 3 years ago</span><span style="display:none"> (<span class="bday dtstart published updated">2021-04-02</span>)</span> <sup id="cite_ref-carbon-svelte-preview_8-0" class="reference"><a href="#cite_note-carbon-svelte-preview-8"><span class="cite-bracket">[</span>8<span class="cite-bracket">]</span></a></sup></td></tr></tbody></table></td></tr><tr style="display:none"><td colspan="2"> </td></tr><tr><th scope="row" class="infobox-label" style="white-space: nowrap;"><a href="/wiki/Repository_(version_control)" title="Repository (version control)">Repository</a></th><td class="infobox-data"><style data-mw-deduplicate="TemplateStyles:r1126788409">.mw-parser-output .plainlist ol,.mw-parser-output .plainlist ul{line-height:inherit;list-style:none;margin:0;padding:0}.mw-parser-output .plainlist ol li,.mw-parser-output .plainlist ul li{margin-bottom:0}</style><div class="plainlist"> <ul><li><b>Carbon</b>, <b>React</b>: <a rel="nofollow" class="external text" href="https://github.com/carbon-design-system/carbon">carbon</a></li> <li><b>Angular</b>: <a rel="nofollow" class="external text" href="https://github.com/IBM/carbon-components-angular">carbon-components-angular</a></li> <li><b>Svelte</b>: <a rel="nofollow" class="external text" href="https://github.com/IBM/carbon-components-svelte">carbon-components-svelte</a></li> <li><b>Vue</b>: <a rel="nofollow" class="external text" href="https://github.com/carbon-design-system/carbon-components-vue">carbon-components-vue</a></li> <li><b>Web Components</b>: <a rel="nofollow" class="external text" href="https://github.com/carbon-design-system/carbon-web-components">carbon-web-components</a></li></ul> </div></td></tr><tr><th scope="row" class="infobox-label" style="white-space: nowrap;">Written in</th><td class="infobox-data"><a href="/wiki/JavaScript" title="JavaScript">JavaScript</a>, <a href="/wiki/Vue.js" title="Vue.js">Vue</a></td></tr><tr><th scope="row" class="infobox-label" style="white-space: nowrap;"><a href="/wiki/Software_categories#Categorization_approaches" title="Software categories">Type</a></th><td class="infobox-data"><a href="/wiki/Design_language#Software" title="Design language">Design language software</a></td></tr><tr><th scope="row" class="infobox-label" style="white-space: nowrap;"><a href="/wiki/Software_license" title="Software license">License</a></th><td class="infobox-data"><a href="/wiki/Apache_License" title="Apache License">Apache License 2.0</a><sup id="cite_ref-license-carbon_9-0" class="reference"><a href="#cite_note-license-carbon-9"><span class="cite-bracket">[</span>9<span class="cite-bracket">]</span></a></sup><sup id="cite_ref-license-carbon-vue_10-0" class="reference"><a href="#cite_note-license-carbon-vue-10"><span class="cite-bracket">[</span>10<span class="cite-bracket">]</span></a></sup></td></tr><tr><th scope="row" class="infobox-label" style="white-space: nowrap;">Website</th><td class="infobox-data"><span class="url"><a rel="nofollow" class="external text" href="https://www.carbondesignsystem.com/">www<wbr />.carbondesignsystem<wbr />.com</a></span></td></tr></tbody></table> <p><b>Carbon Design System</b> is a <a href="/wiki/Free_and_open-source_software" title="Free and open-source software">free and open-source</a> design system and library created by <a href="/wiki/IBM" title="IBM">IBM</a>, which implements the IBM Design Language, and licensed under <a href="/wiki/Apache_License" title="Apache License">Apache License 2.0</a>.<sup id="cite_ref-license-carbon_9-1" class="reference"><a href="#cite_note-license-carbon-9"><span class="cite-bracket">[</span>9<span class="cite-bracket">]</span></a></sup><sup id="cite_ref-license-carbon-vue_10-1" class="reference"><a href="#cite_note-license-carbon-vue-10"><span class="cite-bracket">[</span>10<span class="cite-bracket">]</span></a></sup> Its public development initially started on June 10, 2015.<sup id="cite_ref-initial-pub-dev_11-0" class="reference"><a href="#cite_note-initial-pub-dev-11"><span class="cite-bracket">[</span>11<span class="cite-bracket">]</span></a></sup> Their components have multiple implementations, which includes a <a href="/wiki/JavaScript" title="JavaScript">vanilla JS and CSS</a> implementation and <a href="/wiki/React_(JavaScript_library)" class="mw-redirect" title="React (JavaScript library)">React</a> (maintained by the Carbon Core team<sup id="cite_ref-maintain_12-0" class="reference"><a href="#cite_note-maintain-12"><span class="cite-bracket">[</span>12<span class="cite-bracket">]</span></a></sup>), while the community maintains the frameworks developed in <a href="/wiki/Svelte" title="Svelte">Svelte</a>, <a href="/wiki/Vue.js" title="Vue.js">Vue.js</a>, and <a href="/wiki/Web_Components" title="Web Components">Web Components</a>.<sup id="cite_ref-maintain_12-1" class="reference"><a href="#cite_note-maintain-12"><span class="cite-bracket">[</span>12<span class="cite-bracket">]</span></a></sup> The official typeface to be used according to the guidelines is the <a href="/wiki/IBM_Plex" title="IBM Plex">IBM Plex</a> typeface,<sup id="cite_ref-carbon-typography_13-0" class="reference"><a href="#cite_note-carbon-typography-13"><span class="cite-bracket">[</span>13<span class="cite-bracket">]</span></a></sup> with alternative typefaces for <a href="/wiki/CJK_characters" title="CJK characters">CJK scripts</a> are <a href="/wiki/Source_Han_Sans" title="Source Han Sans">Noto Sans CJK SC</a>, Noto Sans CJK TC, and Noto Sans JP.<sup id="cite_ref-carbon-cjk_14-0" class="reference"><a href="#cite_note-carbon-cjk-14"><span class="cite-bracket">[</span>14<span class="cite-bracket">]</span></a></sup> </p> <div class="mw-heading mw-heading2"><h2 id="See_also">See also</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Carbon_Design_System&action=edit&section=1" title="Edit section: See also"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <ul><li><a href="/wiki/Design_language" title="Design language">Design language</a></li> <li><a href="/wiki/Flat_design" title="Flat design">Flat design</a></li> <li><a href="/wiki/Fluent_Design_System" title="Fluent Design System">Fluent Design System</a> by <a href="/wiki/Microsoft" title="Microsoft">Microsoft</a></li> <li><a href="/wiki/Material_Design" title="Material Design">Material Design</a> by <a href="/wiki/Google" title="Google">Google</a></li></ul> <div class="mw-heading mw-heading2"><h2 id="References">References</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Carbon_Design_System&action=edit&section=2" title="Edit section: References"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <style data-mw-deduplicate="TemplateStyles:r1239543626">.mw-parser-output .reflist{margin-bottom:0.5em;list-style-type:decimal}@media screen{.mw-parser-output .reflist{font-size:90%}}.mw-parser-output .reflist .references{font-size:100%;margin-bottom:0;list-style-type:inherit}.mw-parser-output .reflist-columns-2{column-width:30em}.mw-parser-output .reflist-columns-3{column-width:25em}.mw-parser-output .reflist-columns{margin-top:0.3em}.mw-parser-output .reflist-columns ol{margin-top:0}.mw-parser-output .reflist-columns li{page-break-inside:avoid;break-inside:avoid-column}.mw-parser-output .reflist-upper-alpha{list-style-type:upper-alpha}.mw-parser-output .reflist-upper-roman{list-style-type:upper-roman}.mw-parser-output .reflist-lower-alpha{list-style-type:lower-alpha}.mw-parser-output .reflist-lower-greek{list-style-type:lower-greek}.mw-parser-output .reflist-lower-roman{list-style-type:lower-roman}</style><div class="reflist"> <div class="mw-references-wrap mw-references-columns"><ol class="references"> <li id="cite_note-carbon-stable-1"><span class="mw-cite-backlink"><b><a href="#cite_ref-carbon-stable_1-0">^</a></b></span> <span class="reference-text"><style data-mw-deduplicate="TemplateStyles:r1238218222">.mw-parser-output cite.citation{font-style:inherit;word-wrap:break-word}.mw-parser-output .citation q{quotes:"\"""\"""'""'"}.mw-parser-output .citation:target{background-color:rgba(0,127,255,0.133)}.mw-parser-output .id-lock-free.id-lock-free a{background:url("//upload.wikimedia.org/wikipedia/commons/6/65/Lock-green.svg")right 0.1em center/9px no-repeat}.mw-parser-output .id-lock-limited.id-lock-limited a,.mw-parser-output .id-lock-registration.id-lock-registration a{background:url("//upload.wikimedia.org/wikipedia/commons/d/d6/Lock-gray-alt-2.svg")right 0.1em center/9px no-repeat}.mw-parser-output .id-lock-subscription.id-lock-subscription a{background:url("//upload.wikimedia.org/wikipedia/commons/a/aa/Lock-red-alt-2.svg")right 0.1em center/9px no-repeat}.mw-parser-output .cs1-ws-icon a{background:url("//upload.wikimedia.org/wikipedia/commons/4/4c/Wikisource-logo.svg")right 0.1em center/12px no-repeat}body:not(.skin-timeless):not(.skin-minerva) .mw-parser-output .id-lock-free a,body:not(.skin-timeless):not(.skin-minerva) .mw-parser-output .id-lock-limited a,body:not(.skin-timeless):not(.skin-minerva) .mw-parser-output .id-lock-registration a,body:not(.skin-timeless):not(.skin-minerva) .mw-parser-output .id-lock-subscription a,body:not(.skin-timeless):not(.skin-minerva) .mw-parser-output .cs1-ws-icon a{background-size:contain;padding:0 1em 0 0}.mw-parser-output .cs1-code{color:inherit;background:inherit;border:none;padding:inherit}.mw-parser-output .cs1-hidden-error{display:none;color:var(--color-error,#d33)}.mw-parser-output .cs1-visible-error{color:var(--color-error,#d33)}.mw-parser-output .cs1-maint{display:none;color:#085;margin-left:0.3em}.mw-parser-output .cs1-kern-left{padding-left:0.2em}.mw-parser-output .cs1-kern-right{padding-right:0.2em}.mw-parser-output .citation .mw-selflink{font-weight:inherit}@media screen{.mw-parser-output .cs1-format{font-size:95%}html.skin-theme-clientpref-night .mw-parser-output .cs1-maint{color:#18911f}}@media screen and (prefers-color-scheme:dark){html.skin-theme-clientpref-os .mw-parser-output .cs1-maint{color:#18911f}}</style><cite class="citation web cs1"><a rel="nofollow" class="external text" href="https://github.com/carbon-design-system/carbon/releases/tag/v10.32.0">"Release v10.32.0 · carbon-design-system/carbon"</a>. <i>GitHub</i>. 2021-04-01<span class="reference-accessdate">. Retrieved <span class="nowrap">2021-04-04</span></span>.</cite><span title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&rft.genre=unknown&rft.jtitle=GitHub&rft.atitle=Release+v10.32.0+%C2%B7+carbon-design-system%2Fcarbon&rft.date=2021-04-01&rft_id=https%3A%2F%2Fgithub.com%2Fcarbon-design-system%2Fcarbon%2Freleases%2Ftag%2Fv10.32.0&rfr_id=info%3Asid%2Fen.wikipedia.org%3ACarbon+Design+System" class="Z3988"></span></span> </li> <li id="cite_note-carbon-angular-stable-2"><span class="mw-cite-backlink"><b><a href="#cite_ref-carbon-angular-stable_2-0">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite class="citation web cs1"><a rel="nofollow" class="external text" href="https://www.npmjs.com/package/carbon-components-angular/v/4.46.0">"carbon-components-angular - npm"</a>. <i>npm</i>. 2021-03-24<span class="reference-accessdate">. Retrieved <span class="nowrap">2021-03-31</span></span>.</cite><span title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&rft.genre=unknown&rft.jtitle=npm&rft.atitle=carbon-components-angular+-+npm&rft.date=2021-03-24&rft_id=https%3A%2F%2Fwww.npmjs.com%2Fpackage%2Fcarbon-components-angular%2Fv%2F4.46.0&rfr_id=info%3Asid%2Fen.wikipedia.org%3ACarbon+Design+System" class="Z3988"></span></span> </li> <li id="cite_note-carbon-react-stable-3"><span class="mw-cite-backlink"><b><a href="#cite_ref-carbon-react-stable_3-0">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite class="citation web cs1"><a rel="nofollow" class="external text" href="https://www.npmjs.com/package/carbon-components-react/v/7.32.0">"carbon-components-react - npm"</a>. <i>npm</i>. 2021-04-01<span class="reference-accessdate">. Retrieved <span class="nowrap">2021-04-04</span></span>.</cite><span title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&rft.genre=unknown&rft.jtitle=npm&rft.atitle=carbon-components-react+-+npm&rft.date=2021-04-01&rft_id=https%3A%2F%2Fwww.npmjs.com%2Fpackage%2Fcarbon-components-react%2Fv%2F7.32.0&rfr_id=info%3Asid%2Fen.wikipedia.org%3ACarbon+Design+System" class="Z3988"></span></span> </li> <li id="cite_note-carbon-vue-stable-4"><span class="mw-cite-backlink"><b><a href="#cite_ref-carbon-vue-stable_4-0">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite class="citation web cs1"><a rel="nofollow" class="external text" href="https://github.com/carbon-design-system/carbon-components-vue/releases/tag/%40carbon%2Fvue%402.37.1">"Release @carbon/vue@2.37.1 · carbon-design-system/carbon-components-vue"</a>. <i>GitHub</i>. 2021-02-02<span class="reference-accessdate">. Retrieved <span class="nowrap">2021-03-18</span></span>.</cite><span title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&rft.genre=unknown&rft.jtitle=GitHub&rft.atitle=Release+%40carbon%2Fvue%402.37.1+%C2%B7+carbon-design-system%2Fcarbon-components-vue&rft.date=2021-02-02&rft_id=https%3A%2F%2Fgithub.com%2Fcarbon-design-system%2Fcarbon-components-vue%2Freleases%2Ftag%2F%2540carbon%252Fvue%25402.37.1&rfr_id=info%3Asid%2Fen.wikipedia.org%3ACarbon+Design+System" class="Z3988"></span></span> </li> <li id="cite_note-carbon-web-components-stable-npm-5"><span class="mw-cite-backlink"><b><a href="#cite_ref-carbon-web-components-stable-npm_5-0">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite class="citation web cs1"><a rel="nofollow" class="external text" href="https://www.npmjs.com/package/carbon-web-components/v/1.12.0">"carbon-web-components - npm"</a>. <i>npm</i>. 2021-03-10<span class="reference-accessdate">. Retrieved <span class="nowrap">2021-03-18</span></span>.</cite><span title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&rft.genre=unknown&rft.jtitle=npm&rft.atitle=carbon-web-components+-+npm&rft.date=2021-03-10&rft_id=https%3A%2F%2Fwww.npmjs.com%2Fpackage%2Fcarbon-web-components%2Fv%2F1.12.0&rfr_id=info%3Asid%2Fen.wikipedia.org%3ACarbon+Design+System" class="Z3988"></span></span> </li> <li id="cite_note-carbon-web-components-stable-github-6"><span class="mw-cite-backlink"><b><a href="#cite_ref-carbon-web-components-stable-github_6-0">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite class="citation web cs1"><a rel="nofollow" class="external text" href="https://github.com/carbon-design-system/carbon-web-components/releases/tag/v1.12.0">"<span class="cs1-kern-left"></span>"Release v1.12.0 · carbon-design-system/carbon-web-components"<span class="cs1-kern-right"></span>"</a>. <i>GitHub</i>. 2021-03-10<span class="reference-accessdate">. Retrieved <span class="nowrap">2021-03-18</span></span>.</cite><span title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&rft.genre=unknown&rft.jtitle=GitHub&rft.atitle=%22Release+v1.12.0+%C2%B7+carbon-design-system%2Fcarbon-web-components%22&rft.date=2021-03-10&rft_id=https%3A%2F%2Fgithub.com%2Fcarbon-design-system%2Fcarbon-web-components%2Freleases%2Ftag%2Fv1.12.0&rfr_id=info%3Asid%2Fen.wikipedia.org%3ACarbon+Design+System" class="Z3988"></span></span> </li> <li id="cite_note-carbon-react-preview-7"><span class="mw-cite-backlink"><b><a href="#cite_ref-carbon-react-preview_7-0">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite class="citation web cs1"><a rel="nofollow" class="external text" href="https://www.npmjs.com/package/carbon-components-react/v/7.32.0-rc.0">"carbon-components-react - npm"</a>. <i>npm</i>. 2021-03-30<span class="reference-accessdate">. Retrieved <span class="nowrap">2021-03-31</span></span>.</cite><span title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&rft.genre=unknown&rft.jtitle=npm&rft.atitle=carbon-components-react+-+npm&rft.date=2021-03-30&rft_id=https%3A%2F%2Fwww.npmjs.com%2Fpackage%2Fcarbon-components-react%2Fv%2F7.32.0-rc.0&rfr_id=info%3Asid%2Fen.wikipedia.org%3ACarbon+Design+System" class="Z3988"></span></span> </li> <li id="cite_note-carbon-svelte-preview-8"><span class="mw-cite-backlink"><b><a href="#cite_ref-carbon-svelte-preview_8-0">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite class="citation web cs1"><a rel="nofollow" class="external text" href="https://www.npmjs.com/package/carbon-components-svelte/v/0.32.1">"carbon-components-svelte - npm"</a>. <i>npm</i>. 2021-04-02<span class="reference-accessdate">. Retrieved <span class="nowrap">2021-04-04</span></span>.</cite><span title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&rft.genre=unknown&rft.jtitle=npm&rft.atitle=carbon-components-svelte+-+npm&rft.date=2021-04-02&rft_id=https%3A%2F%2Fwww.npmjs.com%2Fpackage%2Fcarbon-components-svelte%2Fv%2F0.32.1&rfr_id=info%3Asid%2Fen.wikipedia.org%3ACarbon+Design+System" class="Z3988"></span></span> </li> <li id="cite_note-license-carbon-9"><span class="mw-cite-backlink">^ <a href="#cite_ref-license-carbon_9-0"><sup><i><b>a</b></i></sup></a> <a href="#cite_ref-license-carbon_9-1"><sup><i><b>b</b></i></sup></a></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite class="citation web cs1"><a rel="nofollow" class="external text" href="https://github.com/carbon-design-system/carbon/blob/main/LICENSE">"carbon/LICENSE at main · carbon-design-system/carbon"</a>. <i>GitHub</i>. 2016-11-02<span class="reference-accessdate">. Retrieved <span class="nowrap">2021-03-18</span></span>.</cite><span title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&rft.genre=unknown&rft.jtitle=GitHub&rft.atitle=carbon%2FLICENSE+at+main+%C2%B7+carbon-design-system%2Fcarbon&rft.date=2016-11-02&rft_id=https%3A%2F%2Fgithub.com%2Fcarbon-design-system%2Fcarbon%2Fblob%2Fmain%2FLICENSE&rfr_id=info%3Asid%2Fen.wikipedia.org%3ACarbon+Design+System" class="Z3988"></span></span> </li> <li id="cite_note-license-carbon-vue-10"><span class="mw-cite-backlink">^ <a href="#cite_ref-license-carbon-vue_10-0"><sup><i><b>a</b></i></sup></a> <a href="#cite_ref-license-carbon-vue_10-1"><sup><i><b>b</b></i></sup></a></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite class="citation web cs1"><a rel="nofollow" class="external text" href="https://github.com/carbon-design-system/carbon-components-vue/blob/master/LICENSE">"carbon-components-vue/LICENSE at master · carbon-design-system/carbon-components-vue"</a>. <i>GitHub</i>. 2018-10-24<span class="reference-accessdate">. Retrieved <span class="nowrap">2021-03-18</span></span>.</cite><span title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&rft.genre=unknown&rft.jtitle=GitHub&rft.atitle=carbon-components-vue%2FLICENSE+at+master+%C2%B7+carbon-design-system%2Fcarbon-components-vue&rft.date=2018-10-24&rft_id=https%3A%2F%2Fgithub.com%2Fcarbon-design-system%2Fcarbon-components-vue%2Fblob%2Fmaster%2FLICENSE&rfr_id=info%3Asid%2Fen.wikipedia.org%3ACarbon+Design+System" class="Z3988"></span></span> </li> <li id="cite_note-initial-pub-dev-11"><span class="mw-cite-backlink"><b><a href="#cite_ref-initial-pub-dev_11-0">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite class="citation web cs1"><a rel="nofollow" class="external text" href="https://github.com/carbon-design-system/carbon/commit/3abb05aa51a2b051f397f483d0c2f6af34b1b4a3">"Initial commit · carbon-design-system/carbon@3abb05a"</a>. <i>GitHub</i>. 2015-07-10<span class="reference-accessdate">. Retrieved <span class="nowrap">2021-03-18</span></span>.</cite><span title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&rft.genre=unknown&rft.jtitle=GitHub&rft.atitle=Initial+commit+%C2%B7+carbon-design-system%2Fcarbon%403abb05a&rft.date=2015-07-10&rft_id=https%3A%2F%2Fgithub.com%2Fcarbon-design-system%2Fcarbon%2Fcommit%2F3abb05aa51a2b051f397f483d0c2f6af34b1b4a3&rfr_id=info%3Asid%2Fen.wikipedia.org%3ACarbon+Design+System" class="Z3988"></span></span> </li> <li id="cite_note-maintain-12"><span class="mw-cite-backlink">^ <a href="#cite_ref-maintain_12-0"><sup><i><b>a</b></i></sup></a> <a href="#cite_ref-maintain_12-1"><sup><i><b>b</b></i></sup></a></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite class="citation web cs1"><a rel="nofollow" class="external text" href="https://www.carbondesignsystem.com/all-about-carbon/how-carbon-works#assets">"How Carbon works – Carbon Design System"</a>. <i>carbondesignsystem.com</i><span class="reference-accessdate">. Retrieved <span class="nowrap">2021-03-18</span></span>.</cite><span title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&rft.genre=unknown&rft.jtitle=carbondesignsystem.com&rft.atitle=How+Carbon+works+%E2%80%93+Carbon+Design+System&rft_id=https%3A%2F%2Fwww.carbondesignsystem.com%2Fall-about-carbon%2Fhow-carbon-works%23assets&rfr_id=info%3Asid%2Fen.wikipedia.org%3ACarbon+Design+System" class="Z3988"></span></span> </li> <li id="cite_note-carbon-typography-13"><span class="mw-cite-backlink"><b><a href="#cite_ref-carbon-typography_13-0">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite class="citation web cs1"><a rel="nofollow" class="external text" href="https://www.ibm.com/design/language/resources#typography">"IBM Design Language – Resources"</a>. <i>carbondesignsystem.com</i>.</cite><span title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&rft.genre=unknown&rft.jtitle=carbondesignsystem.com&rft.atitle=IBM+Design+Language+%E2%80%93+Resources&rft_id=https%3A%2F%2Fwww.ibm.com%2Fdesign%2Flanguage%2Fresources%23typography&rfr_id=info%3Asid%2Fen.wikipedia.org%3ACarbon+Design+System" class="Z3988"></span></span> </li> <li id="cite_note-carbon-cjk-14"><span class="mw-cite-backlink"><b><a href="#cite_ref-carbon-cjk_14-0">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite class="citation web cs1"><a rel="nofollow" class="external text" href="https://www.ibm.com/design/language/typography/typeface#asian-scripts">"IBM Design Language – Typeface"</a>. <i>carbondesignsystem.com</i><span class="reference-accessdate">. Retrieved <span class="nowrap">2021-03-18</span></span>.</cite><span title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&rft.genre=unknown&rft.jtitle=carbondesignsystem.com&rft.atitle=IBM+Design+Language+%E2%80%93+Typeface&rft_id=https%3A%2F%2Fwww.ibm.com%2Fdesign%2Flanguage%2Ftypography%2Ftypeface%23asian-scripts&rfr_id=info%3Asid%2Fen.wikipedia.org%3ACarbon+Design+System" class="Z3988"></span></span> </li> </ol></div></div> <div class="mw-heading mw-heading2"><h2 id="External_links">External links</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Carbon_Design_System&action=edit&section=3" title="Edit section: External links"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <ul><li><span class="official-website"><span class="url"><a rel="nofollow" class="external text" href="https://www.carbondesignsystem.com/">Official website</a></span></span></li></ul> <div class="navbox-styles"><style data-mw-deduplicate="TemplateStyles:r1129693374">.mw-parser-output .hlist dl,.mw-parser-output .hlist ol,.mw-parser-output .hlist ul{margin:0;padding:0}.mw-parser-output .hlist dd,.mw-parser-output .hlist dt,.mw-parser-output .hlist li{margin:0;display:inline}.mw-parser-output .hlist.inline,.mw-parser-output .hlist.inline dl,.mw-parser-output .hlist.inline ol,.mw-parser-output .hlist.inline ul,.mw-parser-output .hlist dl dl,.mw-parser-output .hlist dl ol,.mw-parser-output .hlist dl ul,.mw-parser-output .hlist ol dl,.mw-parser-output .hlist ol ol,.mw-parser-output .hlist ol ul,.mw-parser-output .hlist ul dl,.mw-parser-output .hlist ul ol,.mw-parser-output .hlist ul ul{display:inline}.mw-parser-output .hlist .mw-empty-li{display:none}.mw-parser-output .hlist dt::after{content:": "}.mw-parser-output .hlist dd::after,.mw-parser-output .hlist li::after{content:" · ";font-weight:bold}.mw-parser-output .hlist dd:last-child::after,.mw-parser-output .hlist dt:last-child::after,.mw-parser-output .hlist li:last-child::after{content:none}.mw-parser-output .hlist dd dd:first-child::before,.mw-parser-output .hlist dd dt:first-child::before,.mw-parser-output .hlist dd li:first-child::before,.mw-parser-output .hlist dt dd:first-child::before,.mw-parser-output .hlist dt dt:first-child::before,.mw-parser-output .hlist dt li:first-child::before,.mw-parser-output .hlist li dd:first-child::before,.mw-parser-output .hlist li dt:first-child::before,.mw-parser-output .hlist li li:first-child::before{content:" (";font-weight:normal}.mw-parser-output .hlist dd dd:last-child::after,.mw-parser-output .hlist dd dt:last-child::after,.mw-parser-output .hlist dd li:last-child::after,.mw-parser-output .hlist dt dd:last-child::after,.mw-parser-output .hlist dt dt:last-child::after,.mw-parser-output .hlist dt li:last-child::after,.mw-parser-output .hlist li dd:last-child::after,.mw-parser-output .hlist li dt:last-child::after,.mw-parser-output .hlist li li:last-child::after{content:")";font-weight:normal}.mw-parser-output .hlist ol{counter-reset:listitem}.mw-parser-output .hlist ol>li{counter-increment:listitem}.mw-parser-output .hlist ol>li::before{content:" "counter(listitem)"\a0 "}.mw-parser-output .hlist dd ol>li:first-child::before,.mw-parser-output .hlist dt ol>li:first-child::before,.mw-parser-output .hlist li ol>li:first-child::before{content:" ("counter(listitem)"\a0 "}</style><style data-mw-deduplicate="TemplateStyles:r1236075235">.mw-parser-output .navbox{box-sizing:border-box;border:1px solid #a2a9b1;width:100%;clear:both;font-size:88%;text-align:center;padding:1px;margin:1em auto 0}.mw-parser-output .navbox .navbox{margin-top:0}.mw-parser-output .navbox+.navbox,.mw-parser-output .navbox+.navbox-styles+.navbox{margin-top:-1px}.mw-parser-output .navbox-inner,.mw-parser-output .navbox-subgroup{width:100%}.mw-parser-output .navbox-group,.mw-parser-output .navbox-title,.mw-parser-output .navbox-abovebelow{padding:0.25em 1em;line-height:1.5em;text-align:center}.mw-parser-output .navbox-group{white-space:nowrap;text-align:right}.mw-parser-output .navbox,.mw-parser-output .navbox-subgroup{background-color:#fdfdfd}.mw-parser-output .navbox-list{line-height:1.5em;border-color:#fdfdfd}.mw-parser-output .navbox-list-with-group{text-align:left;border-left-width:2px;border-left-style:solid}.mw-parser-output tr+tr>.navbox-abovebelow,.mw-parser-output tr+tr>.navbox-group,.mw-parser-output tr+tr>.navbox-image,.mw-parser-output tr+tr>.navbox-list{border-top:2px solid #fdfdfd}.mw-parser-output .navbox-title{background-color:#ccf}.mw-parser-output .navbox-abovebelow,.mw-parser-output .navbox-group,.mw-parser-output .navbox-subgroup .navbox-title{background-color:#ddf}.mw-parser-output .navbox-subgroup .navbox-group,.mw-parser-output .navbox-subgroup .navbox-abovebelow{background-color:#e6e6ff}.mw-parser-output .navbox-even{background-color:#f7f7f7}.mw-parser-output .navbox-odd{background-color:transparent}.mw-parser-output .navbox .hlist td dl,.mw-parser-output .navbox .hlist td ol,.mw-parser-output .navbox .hlist td ul,.mw-parser-output .navbox td.hlist dl,.mw-parser-output .navbox td.hlist ol,.mw-parser-output .navbox td.hlist ul{padding:0.125em 0}.mw-parser-output .navbox .navbar{display:block;font-size:100%}.mw-parser-output .navbox-title .navbar{float:left;text-align:left;margin-right:0.5em}body.skin--responsive .mw-parser-output .navbox-image img{max-width:none!important}@media print{body.ns-0 .mw-parser-output .navbox{display:none!important}}</style></div><div role="navigation" class="navbox" aria-labelledby="IBM" style="padding:3px"><table class="nowraplinks hlist mw-collapsible autocollapse navbox-inner" style="border-spacing:0;background:transparent;color:inherit"><tbody><tr><th scope="col" class="navbox-title" colspan="2"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1129693374"><style data-mw-deduplicate="TemplateStyles:r1239400231">.mw-parser-output .navbar{display:inline;font-size:88%;font-weight:normal}.mw-parser-output .navbar-collapse{float:left;text-align:left}.mw-parser-output .navbar-boxtext{word-spacing:0}.mw-parser-output .navbar ul{display:inline-block;white-space:nowrap;line-height:inherit}.mw-parser-output .navbar-brackets::before{margin-right:-0.125em;content:"[ "}.mw-parser-output .navbar-brackets::after{margin-left:-0.125em;content:" ]"}.mw-parser-output .navbar li{word-spacing:-0.125em}.mw-parser-output .navbar a>span,.mw-parser-output .navbar a>abbr{text-decoration:inherit}.mw-parser-output .navbar-mini abbr{font-variant:small-caps;border-bottom:none;text-decoration:none;cursor:inherit}.mw-parser-output .navbar-ct-full{font-size:114%;margin:0 7em}.mw-parser-output .navbar-ct-mini{font-size:114%;margin:0 4em}html.skin-theme-clientpref-night .mw-parser-output .navbar li a abbr{color:var(--color-base)!important}@media(prefers-color-scheme:dark){html.skin-theme-clientpref-os .mw-parser-output .navbar li a abbr{color:var(--color-base)!important}}@media print{.mw-parser-output .navbar{display:none!important}}</style><div class="navbar plainlinks hlist navbar-mini"><ul><li class="nv-view"><a href="/wiki/Template:IBM" title="Template:IBM"><abbr title="View this template">v</abbr></a></li><li class="nv-talk"><a href="/wiki/Template_talk:IBM" title="Template talk:IBM"><abbr title="Discuss this template">t</abbr></a></li><li class="nv-edit"><a href="/wiki/Special:EditPage/Template:IBM" title="Special:EditPage/Template:IBM"><abbr title="Edit this template">e</abbr></a></li></ul></div><div id="IBM" style="font-size:114%;margin:0 4em"><a href="/wiki/IBM" title="IBM">IBM</a></div></th></tr><tr><th scope="row" class="navbox-group" style="width:1%"><a href="/wiki/History_of_IBM" title="History of IBM">History</a></th><td class="navbox-list-with-group navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/History_of_IBM" title="History of IBM">History</a></li> <li><a href="/wiki/List_of_mergers_and_acquisitions_by_IBM" title="List of mergers and acquisitions by IBM">Mergers and acquisitions</a> <ul><li><a href="/wiki/Acquisition_of_the_IBM_PC_business_by_Lenovo" title="Acquisition of the IBM PC business by Lenovo">PC business acquisition by Lenovo</a></li></ul></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%"><a href="/wiki/List_of_IBM_products" title="List of IBM products">Products</a></th><td class="navbox-list-with-group navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"></div><table class="nowraplinks navbox-subgroup" style="border-spacing:0"><tbody><tr><th scope="row" class="navbox-group" style="width:1%">Hardware</th><td class="navbox-list-with-group navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"></div><table class="nowraplinks navbox-subgroup" style="border-spacing:0"><tbody><tr><th scope="row" class="navbox-group" style="width:1%">Current</th><td class="navbox-list-with-group navbox-list navbox-even" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/IBM_mainframe" title="IBM mainframe">Mainframe</a> <ul><li><a href="/wiki/IBM_Z" title="IBM Z">IBM Z</a></li></ul></li> <li><a href="/wiki/IBM_Power_microprocessors" title="IBM Power microprocessors">Power microprocessors</a></li> <li><a href="/wiki/IBM_Power_Systems" title="IBM Power Systems">Power Systems</a></li> <li><a href="/wiki/IBM_storage" title="IBM storage">Storage</a> <ul><li><a href="/wiki/IBM_FlashSystem" title="IBM FlashSystem">FlashSystem</a></li> <li><a href="/wiki/IBM_DS8000_series" title="IBM DS8000 series">DS8000</a></li></ul></li> <li>Quantum <ul><li><a href="/wiki/IBM_Q_System_One" title="IBM Q System One">Q System One</a></li> <li><a href="/wiki/IBM_Q_System_Two" title="IBM Q System Two">Q System Two</a></li> <li><a href="/wiki/IBM_Eagle" title="IBM Eagle">Eagle</a></li> <li><a href="/wiki/IBM_Osprey" title="IBM Osprey">Osprey</a></li> <li><a href="/wiki/IBM_Heron" title="IBM Heron">Heron</a></li> <li><a href="/wiki/IBM_Condor" title="IBM Condor">Condor</a></li></ul></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%">Former</th><td class="navbox-list-with-group navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/IBM_Blue_Gene" title="IBM Blue Gene">Blue Gene</a></li> <li><a href="/wiki/Cell_(processor)" title="Cell (processor)">Cell microprocessors</a></li> <li><a href="/wiki/PowerPC" title="PowerPC">PowerPC</a></li> <li><a href="/wiki/Midrange_computer" title="Midrange computer">Midrange computer</a></li> <li><a href="/wiki/IBM_Personal_Computer" title="IBM Personal Computer">Personal Computer</a></li> <li><a href="/wiki/IBM_Selectric" title="IBM Selectric">Selectric</a></li> <li><a href="/wiki/ThinkPad" title="ThinkPad">ThinkPad</a></li></ul> </div></td></tr></tbody></table><div></div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%">Other</th><td class="navbox-list-with-group navbox-list navbox-even" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a class="mw-selflink selflink">Carbon Design System</a></li> <li><a href="/wiki/IBM_Cloud" title="IBM Cloud">Cloud</a> <ul><li><a href="/wiki/Cloudant" title="Cloudant">Cloudant</a></li></ul></li> <li><a href="/wiki/IBM_Cognos_Analytics" title="IBM Cognos Analytics">Cognos Analytics</a></li> <li><a href="/wiki/HCL_Connections" title="HCL Connections">Connections</a></li> <li><a href="/wiki/Criminal_Reduction_Utilising_Statistical_History" title="Criminal Reduction Utilising Statistical History">Criminal Reduction Utilising Statistical History</a></li> <li><a href="/wiki/Fortran" title="Fortran">Fortran</a></li> <li><a href="/wiki/ILOG" title="ILOG">ILOG</a></li> <li><a href="/wiki/IBM_Information_Management_Software" title="IBM Information Management Software">Information Management Software</a></li> <li><a href="/wiki/Lotus_Software" title="Lotus Software">Lotus Software</a></li> <li><a href="/wiki/History_of_IBM_mainframe_operating_systems" title="History of IBM mainframe operating systems">Mainframe operating systems</a></li> <li><a href="/wiki/IBM_Mashup_Center" title="IBM Mashup Center">Mashup Center</a></li> <li><a href="/wiki/IBM_Planning_Analytics" title="IBM Planning Analytics">Planning Analytics</a></li> <li><a href="/wiki/IBM_PureQuery" class="mw-redirect" title="IBM PureQuery">PureQuery</a></li> <li><a href="/wiki/IBM_Quantum_Platform" title="IBM Quantum Platform">Quantum Platform</a> <ul><li><a href="/wiki/Qiskit" title="Qiskit">Qiskit</a></li> <li><a href="/wiki/OpenQASM" title="OpenQASM">OpenQASM</a></li></ul></li> <li><a href="/wiki/Rational_Software" title="Rational Software">Rational Software</a></li> <li><a href="/wiki/SPSS" title="SPSS">SPSS</a></li> <li><a href="/wiki/Tivoli_Software" title="Tivoli Software">Tivoli Software</a> <ul><li><a href="/wiki/Tivoli_Service_Automation_Manager" title="Tivoli Service Automation Manager">Service Automation Manager</a></li></ul></li> <li><a href="/wiki/IBM_Watson" title="IBM Watson">Watson</a></li> <li><a href="/wiki/IBM_Watsonx" title="IBM Watsonx">Watsonx</a> <ul><li><a href="/wiki/IBM_Granite" title="IBM Granite">Granite</a></li></ul></li> <li><a href="/wiki/IBM_WebSphere" title="IBM WebSphere">WebSphere</a></li></ul> </div></td></tr></tbody></table><div></div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%">Business<br />entities</th><td class="navbox-list-with-group navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"></div><table class="nowraplinks navbox-subgroup" style="border-spacing:0"><tbody><tr><th scope="row" class="navbox-group" style="width:1%">Current</th><td class="navbox-list-with-group navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Apptio" title="Apptio">Apptio</a></li> <li><a href="/wiki/IBM_Center_for_The_Business_of_Government" title="IBM Center for The Business of Government">Center for The Business of Government</a></li> <li><a href="/wiki/IBM_Consulting" title="IBM Consulting">Consulting</a> <ul><li><a href="/wiki/Promontory_Financial_Group" title="Promontory Financial Group">Promontory</a></li></ul></li> <li><a href="/wiki/Kenexa" title="Kenexa">Kenexa</a></li> <li><a href="/wiki/List_of_international_subsidiaries_of_IBM" title="List of international subsidiaries of IBM">International subsidiaries</a> <ul><li><a href="/wiki/IBM_India" title="IBM India">India</a></li></ul></li> <li><a href="/wiki/IBM_Press" title="IBM Press">Press</a></li> <li><a href="/wiki/Red_Hat" title="Red Hat">Red Hat</a></li> <li><a href="/wiki/IBM_Research" title="IBM Research">Research</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%">Former</th><td class="navbox-list-with-group navbox-list navbox-even" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/AdStar" title="AdStar">AdStar</a></li> <li><a href="/wiki/AIM_alliance" title="AIM alliance">AIM alliance</a> <ul><li><a href="/wiki/Kaleida_Labs" title="Kaleida Labs">Kaleida Labs</a></li> <li><a href="/wiki/Taligent" title="Taligent">Taligent</a></li></ul></li> <li><a href="/wiki/Ambra_Computer_Corporation" title="Ambra Computer Corporation">Ambra Computer</a></li> <li><a href="/wiki/Cognos" title="Cognos">Cognos</a></li> <li><a href="/wiki/EduQuest" title="EduQuest">EduQuest</a></li> <li><a href="/wiki/Kyndryl" title="Kyndryl">Kyndryl</a></li> <li><a href="/wiki/Lexmark" title="Lexmark">Lexmark</a></li> <li><a href="/wiki/Merative" title="Merative">Merative</a></li> <li><a href="/wiki/IBM_Microelectronics" title="IBM Microelectronics">Microelectronics</a></li> <li><a href="/wiki/IBM_Product_Center" title="IBM Product Center">Product Center</a></li> <li><a href="/wiki/Science_Research_Associates" title="Science Research Associates">Science Research Associates</a></li> <li><a href="/wiki/Service_Bureau_Corporation" title="Service Bureau Corporation">Service Bureau</a></li> <li><a href="/wiki/The_Weather_Company" title="The Weather Company">The Weather Company</a> (<a href="/wiki/Weather_Underground_(weather_service)" title="Weather Underground (weather service)">Weather Underground</a>)</li></ul> </div></td></tr></tbody></table><div></div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%">Facilities</th><td class="navbox-list-with-group navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li>Towers <ul><li><a href="/wiki/1250_Ren%C3%A9-L%C3%A9vesque" title="1250 René-Lévesque">1250 René-Lévesque</a>, Montreal, QC</li> <li><a href="/wiki/One_Atlantic_Center" title="One Atlantic Center">One Atlantic Center</a>, Atlanta, GA</li></ul></li> <li>Software Labs <ul><li><a href="/wiki/IBM_Rome_Software_Lab" title="IBM Rome Software Lab">Rome Software Lab</a></li> <li><a href="/wiki/IBM_Toronto_Software_Lab" title="IBM Toronto Software Lab">Toronto Software Lab</a></li></ul></li> <li>IBM Buildings <ul><li><a href="/wiki/330_North_Wabash" title="330 North Wabash">330 North Wabash</a>, Chicago, IL</li> <li><a href="/wiki/IBM_Building,_Honolulu" title="IBM Building, Honolulu">Honolulu</a></li> <li><a href="/wiki/1200_Fifth" title="1200 Fifth">Seattle</a></li></ul></li> <li>Facilities <ul><li><a href="/wiki/Thomas_J._Watson_Research_Center" title="Thomas J. Watson Research Center">Thomas J. Watson Research Center</a></li> <li><a href="/wiki/IBM_Hakozaki_Facility" title="IBM Hakozaki Facility">Hakozaki Facility</a></li> <li><a href="/wiki/IBM_Yamato_Facility" title="IBM Yamato Facility">Yamato Facility</a></li></ul></li> <li><a href="/wiki/Cambridge_Scientific_Center" title="Cambridge Scientific Center">Cambridge Scientific Center</a></li> <li><a href="/wiki/IBM_Hursley" title="IBM Hursley">IBM Hursley</a></li> <li><a href="/wiki/IBM_Canada_Head_Office_Building" title="IBM Canada Head Office Building">Canada Head Office Building</a></li> <li><a href="/wiki/IBM_Rochester" title="IBM Rochester">IBM Rochester</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%">Initiatives</th><td class="navbox-list-with-group navbox-list navbox-even" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li>Academy of Technology</li> <li><a href="/wiki/IBM_Deep_Thunder" title="IBM Deep Thunder">Deep Thunder</a> <ul><li><a href="/wiki/Develothon" title="Develothon">Develothon</a></li></ul></li> <li><a href="/wiki/IBM_Fellow" title="IBM Fellow">Fellow</a></li> <li><a href="/wiki/IBM%27s_The_Great_Mind_Challenge" title="IBM's The Great Mind Challenge">The Great Mind Challenge</a></li> <li><a href="/wiki/Linux_Technology_Center" title="Linux Technology Center">Linux Technology Center</a></li> <li><a href="/wiki/IBM_SkillsBuild" title="IBM SkillsBuild">SkillsBuild</a></li> <li><a href="/wiki/Smarter_Planet" title="Smarter Planet">Smarter Planet</a></li> <li><a href="/wiki/IBM_Virtual_Universe_Community" title="IBM Virtual Universe Community">Virtual Universe Community</a></li> <li><a href="/wiki/World_Community_Grid" title="World Community Grid">World Community Grid</a></li> <li><a href="/wiki/IBM_Think_conference" title="IBM Think conference">Think conference</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%">Inventions</th><td class="navbox-list-with-group navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Automated_teller_machine" class="mw-redirect" title="Automated teller machine">Automated teller machine</a></li> <li><a href="/wiki/Cynefin_framework" title="Cynefin framework">Cynefin framework</a></li> <li><a href="/wiki/Dynamic_random-access_memory" title="Dynamic random-access memory">DRAM</a></li> <li><a href="/wiki/Keypunch" title="Keypunch">Electronic keypunch</a></li> <li><a href="/wiki/Floppy_disk" title="Floppy disk">Floppy disk</a></li> <li><a href="/wiki/Hard_disk_drive" title="Hard disk drive">Hard disk drive</a></li> <li><a href="/wiki/Magnetic_stripe_card" class="mw-redirect" title="Magnetic stripe card">Magnetic stripe card</a></li> <li><a href="/wiki/Relational_model" title="Relational model">Relational model</a></li> <li><a href="/wiki/Sabre_(travel_reservation_system)" title="Sabre (travel reservation system)">Sabre airline reservation system</a></li> <li><a href="/wiki/Scanning_tunneling_microscope" title="Scanning tunneling microscope">Scanning tunneling microscope</a></li> <li><a href="/wiki/Swap_(finance)" title="Swap (finance)">Financial swaps</a></li> <li><a href="/wiki/Universal_Product_Code" title="Universal Product Code">Universal Product Code</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%">Terminology</th><td class="navbox-list-with-group navbox-list navbox-even" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Big_Blue" class="mw-redirect" title="Big Blue">Big Blue</a></li> <li><a href="/wiki/Commercial_Processing_Workload" title="Commercial Processing Workload">Commercial Processing Workload</a></li> <li><a href="/wiki/Customer_engineer" title="Customer engineer">Customer engineer</a></li> <li><a href="/wiki/Globally_integrated_enterprise" title="Globally integrated enterprise">Globally integrated enterprise</a></li> <li><a href="/wiki/Electronic_business" title="Electronic business">e-business</a></li> <li><a href="/wiki/Think_(slogan)" title="Think (slogan)">Think slogan</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%"><a href="/wiki/List_of_IBM_CEOs" title="List of IBM CEOs">CEOs</a></th><td class="navbox-list-with-group navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Thomas_J._Watson" title="Thomas J. Watson">Thomas J. Watson</a> (1914–1956)</li> <li><a href="/wiki/Thomas_J._Watson_Jr." title="Thomas J. Watson Jr.">Thomas Watson Jr.</a> (1956–1971)</li> <li><a href="/wiki/T._Vincent_Learson" title="T. Vincent Learson">T. Vincent Learson</a> (1971–1973)</li> <li><a href="/wiki/Frank_T._Cary" title="Frank T. Cary">Frank T. Cary</a> (1973–1981)</li> <li><a href="/wiki/John_R._Opel" title="John R. Opel">John R. Opel</a> (1981–1985)</li> <li><a href="/wiki/John_Fellows_Akers" title="John Fellows Akers">John Fellows Akers</a> (1985–1993)</li> <li><a href="/wiki/Lou_Gerstner" title="Lou Gerstner">Louis V. Gerstner Jr.</a> (1993–2002)</li> <li><a href="/wiki/Samuel_J._Palmisano" title="Samuel J. Palmisano">Samuel J. Palmisano</a> (2002–2011)</li> <li><a href="/wiki/Ginni_Rometty" title="Ginni Rometty">Ginni Rometty</a> (2012–2020)</li> <li><a href="/wiki/Arvind_Krishna" title="Arvind Krishna">Arvind Krishna</a> (since 2020)</li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%">Board of<br />directors</th><td class="navbox-list-with-group navbox-list navbox-even" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Thomas_Buberl" title="Thomas Buberl">Thomas Buberl</a></li> <li><a href="/wiki/David_Farr_(businessman)" title="David Farr (businessman)">David Farr</a></li> <li><a href="/wiki/Alex_Gorsky" title="Alex Gorsky">Alex Gorsky</a></li> <li><a href="/wiki/Michelle_Howard" title="Michelle Howard">Michelle J. Howard</a></li> <li><a href="/wiki/Arvind_Krishna" title="Arvind Krishna">Arvind Krishna</a></li> <li><a href="/wiki/Andrew_Liveris" title="Andrew Liveris">Andrew Liveris</a></li> <li><a href="/wiki/Martha_E._Pollack" class="mw-redirect" title="Martha E. Pollack">Martha E. Pollack</a></li> <li><a href="/wiki/Joseph_R._Swedish" title="Joseph R. Swedish">Joseph R. Swedish</a></li> <li><a href="/wiki/Peter_Voser" title="Peter Voser">Peter R. Voser</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%">Other</th><td class="navbox-list-with-group navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><i><a href="/wiki/A_Boy_and_His_Atom" title="A Boy and His Atom">A Boy and His Atom</a></i></li> <li>Big Blue sports teams <ul><li><a href="/wiki/IBM_Big_Blue_(X-League)" title="IBM Big Blue (X-League)">American football</a></li> <li><a href="/wiki/IBM_Big_Blue_(rugby_union)" title="IBM Big Blue (rugby union)">Rugby union</a></li></ul></li> <li><a href="/wiki/Common_Public_License" title="Common Public License">Common Public License</a>/<a href="/wiki/IBM_Public_License" title="IBM Public License">IBM Public License</a></li> <li><a href="/wiki/Deep_Blue_(chess_computer)" title="Deep Blue (chess computer)">Deep Blue</a></li> <li><a href="/wiki/Deep_Thought_(chess_computer)" title="Deep Thought (chess computer)">Deep Thought</a></li> <li><a href="/wiki/Dynamic_infrastructure" title="Dynamic infrastructure">Dynamic infrastructure</a></li> <li><a href="/wiki/GlobalFoundries" title="GlobalFoundries">GlobalFoundries</a></li> <li><a href="/wiki/GUIDE_International" title="GUIDE International">GUIDE International</a></li> <li><i><a href="/wiki/IBM_and_the_Holocaust" title="IBM and the Holocaust">IBM and the Holocaust</a></i></li> <li><a href="/wiki/IBM_international_chess_tournament" title="IBM international chess tournament">International chess tournament</a></li> <li><a href="/wiki/Lucifer_(cipher)" title="Lucifer (cipher)">Lucifer cipher</a></li> <li><i><a href="/wiki/Mathematica:_A_World_of_Numbers..._and_Beyond" title="Mathematica: A World of Numbers... and Beyond">Mathematica</a></i></li> <li><a href="/wiki/IBM_Plex" title="IBM Plex">IBM Plex</a></li> <li><a href="/wiki/SHARE_(computing)" title="SHARE (computing)">SHARE computing</a></li> <li><a href="/wiki/ScicomP" title="ScicomP">ScicomP</a></li> <li><a href="/wiki/IBM_and_unions" title="IBM and unions">Unions</a></li></ul> </div></td></tr><tr><td class="navbox-abovebelow" colspan="2"><div> <ul><li><span class="noviewer" typeof="mw:File"><span title="Category"><img alt="" src="//upload.wikimedia.org/wikipedia/en/thumb/9/96/Symbol_category_class.svg/16px-Symbol_category_class.svg.png" decoding="async" width="16" height="16" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/en/thumb/9/96/Symbol_category_class.svg/23px-Symbol_category_class.svg.png 1.5x, //upload.wikimedia.org/wikipedia/en/thumb/9/96/Symbol_category_class.svg/31px-Symbol_category_class.svg.png 2x" data-file-width="180" data-file-height="185" /></span></span> <a href="/wiki/Category:IBM" title="Category:IBM">Category</a></li> <li><span class="noviewer" typeof="mw:File"><span title="Commons page"><img alt="" src="//upload.wikimedia.org/wikipedia/en/thumb/4/4a/Commons-logo.svg/12px-Commons-logo.svg.png" decoding="async" width="12" height="16" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/en/thumb/4/4a/Commons-logo.svg/18px-Commons-logo.svg.png 1.5x, //upload.wikimedia.org/wikipedia/en/thumb/4/4a/Commons-logo.svg/24px-Commons-logo.svg.png 2x" data-file-width="1024" data-file-height="1376" /></span></span> <a href="https://commons.wikimedia.org/wiki/IBM" class="extiw" title="commons:IBM">Commons</a></li> <li><span class="noviewer" typeof="mw:File"><span title="Template"><img alt="" src="//upload.wikimedia.org/wikipedia/commons/thumb/8/83/Symbol_template_class_pink.svg/16px-Symbol_template_class_pink.svg.png" decoding="async" width="16" height="16" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/8/83/Symbol_template_class_pink.svg/23px-Symbol_template_class_pink.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/8/83/Symbol_template_class_pink.svg/31px-Symbol_template_class_pink.svg.png 2x" data-file-width="180" data-file-height="185" /></span></span> <a href="/wiki/Category:IBM_navigational_boxes" title="Category:IBM navigational boxes">Navigational boxes</a> <ul><li><a href="/wiki/Template:IBM_FOSS" title="Template:IBM FOSS">FOSS</a></li> <li><a href="/wiki/Template:IBM_midrange_computers" title="Template:IBM midrange computers">Midrange computers</a></li> <li><a href="/wiki/Template:IBM_operating_systems" title="Template:IBM operating systems">Operating systems</a></li> <li><a href="/wiki/Template:IBM_personal_computers" title="Template:IBM personal computers">Personal computers</a></li> <li><a href="/wiki/Template:IBM_System/360_line" title="Template:IBM System/360 line">System/360</a></li> <li><a href="/wiki/Template:IBM_System/370_line" title="Template:IBM System/370 line">System/370</a></li> <li><a href="/wiki/Template:IBM_typewriters" title="Template:IBM typewriters">Typewriters</a></li> <li><a href="/wiki/Template:IBM_vacuum_tube_computers" title="Template:IBM vacuum tube computers">Vacuum tube computers</a></li></ul></li></ul> </div></td></tr></tbody></table></div> <div class="navbox-styles"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1129693374"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1236075235"></div><div role="navigation" class="navbox" aria-labelledby="IBM_free_and_open-source_software_(FOSS)" style="padding:3px"><table class="nowraplinks mw-collapsible autocollapse navbox-inner" style="border-spacing:0;background:transparent;color:inherit"><tbody><tr><th scope="col" class="navbox-title" colspan="2"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1129693374"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1239400231"><div class="navbar plainlinks hlist navbar-mini"><ul><li class="nv-view"><a href="/wiki/Template:IBM_FOSS" title="Template:IBM FOSS"><abbr title="View this template">v</abbr></a></li><li class="nv-talk"><a href="/wiki/Template_talk:IBM_FOSS" title="Template talk:IBM FOSS"><abbr title="Discuss this template">t</abbr></a></li><li class="nv-edit"><a href="/wiki/Special:EditPage/Template:IBM_FOSS" title="Special:EditPage/Template:IBM FOSS"><abbr title="Edit this template">e</abbr></a></li></ul></div><div id="IBM_free_and_open-source_software_(FOSS)" style="font-size:114%;margin:0 4em"><a href="/wiki/IBM" title="IBM">IBM</a> <a href="/wiki/Free_and_open-source_software" title="Free and open-source software">free and open-source software (FOSS)</a></div></th></tr><tr><th scope="row" class="navbox-group" style="width:1%">Software</th><td class="navbox-list-with-group navbox-list navbox-odd hlist" style="width:100%;padding:0"><div style="padding:0 0.25em"></div><table class="nowraplinks navbox-subgroup" style="border-spacing:0"><tbody><tr><th scope="row" class="navbox-group" style="width:1%">Programming languages</th><td class="navbox-list-with-group navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/EGL_(programming_language)" title="EGL (programming language)">EGL</a></li> <li><a href="/wiki/NetRexx" title="NetRexx">NetRexx</a></li> <li><a href="/wiki/Object_REXX" title="Object REXX">Object REXX</a></li> <li><a href="/wiki/Rexx" title="Rexx">Rexx</a></li> <li><a href="/wiki/X10_(programming_language)" title="X10 (programming language)">X10</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%">Frameworks and<br />development tools</th><td class="navbox-list-with-group navbox-list navbox-even" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a class="mw-selflink selflink">Carbon Design System</a></li> <li><a href="/wiki/Cgidev2" title="Cgidev2">CGIDEV2</a></li> <li><a href="/wiki/Apache_Derby" title="Apache Derby">Derby</a></li> <li><a href="/wiki/Eclipse_(software)" title="Eclipse (software)">Eclipse</a></li> <li><a href="/wiki/Eclipse_Che" title="Eclipse Che">Eclipse Che</a></li> <li><a href="/wiki/HElib" title="HElib">HElib</a></li> <li><a href="/wiki/Kitura" title="Kitura">Kitura</a></li> <li><a href="/wiki/Node-RED" title="Node-RED">Node-RED</a></li> <li><a href="/wiki/OpenAFS" title="OpenAFS">OpenAFS</a></li> <li><a href="/wiki/OpenJ9" title="OpenJ9">OpenJ9</a></li> <li><a href="/wiki/Postfix_(software)" title="Postfix (software)">Postfix</a></li> <li><a href="/wiki/Qiskit" title="Qiskit">Qiskit</a></li> <li><a href="/wiki/Software_Testing_Automation_Framework" title="Software Testing Automation Framework">STAF</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%">Operating systems</th><td class="navbox-list-with-group navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/K42" title="K42">K42</a></li> <li><a href="/wiki/Red_Hat_Enterprise_Linux" title="Red Hat Enterprise Linux">Red Hat Enterprise Linux</a></li></ul> </div></td></tr></tbody></table><div></div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%">Licenses</th><td class="navbox-list-with-group navbox-list navbox-even hlist" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Common_Public_License" title="Common Public License">Common Public License</a></li> <li><a href="/wiki/IBM_Public_License" title="IBM Public License">IBM Public License</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%">Related</th><td class="navbox-list-with-group navbox-list navbox-odd hlist" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Eclipse_Foundation" title="Eclipse Foundation">Eclipse Foundation</a></li> <li><a href="/wiki/Fedora_Linux" title="Fedora Linux">Fedora Linux</a></li> <li><a href="/wiki/Linux_on_IBM_Z" title="Linux on IBM Z">Linux on IBM Z</a></li> <li><a href="/wiki/Linux_Technology_Center" title="Linux Technology Center">Linux Technology Center</a></li> <li><a href="/wiki/Open_Invention_Network" title="Open Invention Network">Open Invention Network</a></li> <li><a href="/wiki/Open_Mainframe_Project" title="Open Mainframe Project">Open Mainframe Project</a></li> <li><a href="/wiki/OpenPOWER_Foundation" title="OpenPOWER Foundation">OpenPOWER Foundation</a></li> <li><a href="/wiki/Open_Source_Security_Foundation" title="Open Source Security Foundation">Open Source Security Foundation</a></li> <li><a href="/wiki/PowerLinux" title="PowerLinux">PowerLinux</a></li> <li><a href="/wiki/SHARE_(computing)" title="SHARE (computing)">SHARE</a></li> <li><a href="/wiki/The_Fedora_Project" class="mw-redirect" title="The Fedora Project">The Fedora Project</a></li></ul> </div></td></tr></tbody></table></div>    </div><noscript><img src="https://login.wikimedia.org/wiki/Special:CentralAutoLogin/start?type=1x1" alt="" width="1" height="1" style="border: none; position: absolute;"></noscript> <div class="printfooter" data-nosnippet="">Retrieved from "<a dir="ltr" href="https://en.wikipedia.org/w/index.php?title=Carbon_Design_System&oldid=1118356875">https://en.wikipedia.org/w/index.php?title=Carbon_Design_System&oldid=1118356875</a>"</div></div> <div id="catlinks" class="catlinks" data-mw="interface"><div id="mw-normal-catlinks" class="mw-normal-catlinks"><a href="/wiki/Help:Category" title="Help:Category">Categories</a>: <ul><li><a href="/wiki/Category:Design_language" title="Category:Design language">Design language</a></li><li><a href="/wiki/Category:Graphical_user_interfaces" title="Category:Graphical user interfaces">Graphical user interfaces</a></li><li><a href="/wiki/Category:IBM" title="Category:IBM">IBM</a></li></ul></div><div id="mw-hidden-catlinks" class="mw-hidden-catlinks mw-hidden-cats-hidden">Hidden categories: <ul><li><a href="/wiki/Category:Articles_with_short_description" title="Category:Articles with short description">Articles with short description</a></li><li><a href="/wiki/Category:Short_description_matches_Wikidata" title="Category:Short description matches Wikidata">Short description matches Wikidata</a></li></ul></div></div> </div> </main> </div> <div class="mw-footer-container"> <footer id="footer" class="mw-footer" > <ul id="footer-info"> <li id="footer-info-lastmod"> This page was last edited on 26 October 2022, at 15:50<span class="anonymous-show"> (UTC)</span>.</li> <li id="footer-info-copyright">Text is available under the <a href="/wiki/Wikipedia:Text_of_the_Creative_Commons_Attribution-ShareAlike_4.0_International_License" title="Wikipedia:Text of the Creative Commons Attribution-ShareAlike 4.0 International License">Creative Commons Attribution-ShareAlike 4.0 License</a>; additional terms may apply. By using this site, you agree to the <a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Terms_of_Use" class="extiw" title="foundation:Special:MyLanguage/Policy:Terms of Use">Terms of Use</a> and <a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Privacy_policy" class="extiw" title="foundation:Special:MyLanguage/Policy:Privacy policy">Privacy Policy</a>. Wikipedia® is a registered trademark of the <a rel="nofollow" class="external text" href="https://wikimediafoundation.org/">Wikimedia Foundation, Inc.</a>, a non-profit organization.</li> </ul> <ul id="footer-places"> <li id="footer-places-privacy"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Privacy_policy">Privacy policy</a></li> <li id="footer-places-about"><a href="/wiki/Wikipedia:About">About Wikipedia</a></li> <li id="footer-places-disclaimers"><a href="/wiki/Wikipedia:General_disclaimer">Disclaimers</a></li> <li id="footer-places-contact"><a href="//en.wikipedia.org/wiki/Wikipedia:Contact_us">Contact Wikipedia</a></li> <li id="footer-places-wm-codeofconduct"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Universal_Code_of_Conduct">Code of Conduct</a></li> <li id="footer-places-developers"><a href="https://developer.wikimedia.org">Developers</a></li> <li id="footer-places-statslink"><a href="https://stats.wikimedia.org/#/en.wikipedia.org">Statistics</a></li> <li id="footer-places-cookiestatement"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Cookie_statement">Cookie statement</a></li> <li id="footer-places-mobileview"><a href="//en.m.wikipedia.org/w/index.php?title=Carbon_Design_System&mobileaction=toggle_view_mobile" class="noprint stopMobileRedirectToggle">Mobile view</a></li> </ul> <ul id="footer-icons" class="noprint"> <li id="footer-copyrightico"><a href="https://wikimediafoundation.org/" class="cdx-button cdx-button--fake-button cdx-button--size-large cdx-button--fake-button--enabled"><img src="/static/images/footer/wikimedia-button.svg" width="84" height="29" alt="Wikimedia Foundation" loading="lazy"></a></li> <li id="footer-poweredbyico"><a href="https://www.mediawiki.org/" class="cdx-button cdx-button--fake-button cdx-button--size-large cdx-button--fake-button--enabled"><img src="/w/resources/assets/poweredby_mediawiki.svg" alt="Powered by MediaWiki" width="88" height="31" loading="lazy"></a></li> </ul> </footer> </div> </div> </div> <div class="vector-settings" id="p-dock-bottom"> <ul></ul> </div><script>(RLQ=window.RLQ||[]).push(function(){mw.config.set({"wgHostname":"mw-web.codfw.main-694cf4987f-d5lqz","wgBackendResponseTime":177,"wgPageParseReport":{"limitreport":{"cputime":"0.542","walltime":"0.673","ppvisitednodes":{"value":3431,"limit":1000000},"postexpandincludesize":{"value":125312,"limit":2097152},"templateargumentsize":{"value":5237,"limit":2097152},"expansiondepth":{"value":27,"limit":100},"expensivefunctioncount":{"value":3,"limit":500},"unstrip-depth":{"value":1,"limit":20},"unstrip-size":{"value":71776,"limit":5000000},"entityaccesscount":{"value":1,"limit":400},"timingprofile":["100.00% 587.408 1 -total"," 53.86% 316.404 3 Template:Infobox"," 39.86% 234.144 1 Template:Infobox_software"," 24.56% 144.243 1 Template:Reflist"," 21.66% 127.248 6 Template:Navbox"," 20.61% 121.044 14 Template:Cite_web"," 19.82% 116.408 1 Template:IBM"," 15.35% 90.145 1 Template:Infobox_software/stacked"," 11.67% 68.550 2 Template:Multiple_releases"," 11.37% 66.761 1 Template:Short_description"]},"scribunto":{"limitreport-timeusage":{"value":"0.255","limit":"10.000"},"limitreport-memusage":{"value":5603025,"limit":52428800}},"cachereport":{"origin":"mw-web.codfw.main-f69cdc8f6-5nd9x","timestamp":"20241124073514","ttl":2592000,"transientcontent":false}}});});</script> <script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"Article","name":"Carbon Design System","url":"https:\/\/en.wikipedia.org\/wiki\/Carbon_Design_System","sameAs":"http:\/\/www.wikidata.org\/entity\/Q106070551","mainEntity":"http:\/\/www.wikidata.org\/entity\/Q106070551","author":{"@type":"Organization","name":"Contributors to Wikimedia projects"},"publisher":{"@type":"Organization","name":"Wikimedia Foundation, Inc.","logo":{"@type":"ImageObject","url":"https:\/\/www.wikimedia.org\/static\/images\/wmf-hor-googpub.png"}},"datePublished":"2021-03-18T19:57:25Z","dateModified":"2022-10-26T15:50:52Z","headline":"open-source design system developed by IBM"}</script> </body> </html>