DS-003 · IBM Carbon Design System
Source: https://carbondesignsystem.com/
License: Apache-2.0 (Carbon code, packages and website repo, © IBM Corp.); IBM Plex fonts SIL OFL 1.1; IBM and Carbon names/logos are IBM trademarks

DS-003-fig1.png
  Figure 1. Carbon core colour tokens in the four themes (White, Gray 10, Gray 90, Gray 100), rendered by Design Library on 2026-10-25 (UTC+8) from @carbon/themes 11.78.0 (Apache-2.0, © IBM Corp.). HEX OFFICIAL; RGB/HSL converted by us.
  Our render of Carbon token values (Apache-2.0, © IBM Corp.); IBM Plex under SIL OFL 1.1. Free to reuse with credit to IBM Carbon and Design Library.

DS-003-fig2.png
  Figure 2. Carbon productive type tokens set in IBM Plex Sans (SIL OFL 1.1) with the $spacing-01…13 scale, 2x Grid breakpoints and motion durations, rendered by Design Library from @carbon/type 11.70.0, @carbon/layout 11.62.0 and @carbon/motion 11.55.0 (Apache-2.0, © IBM Corp.).
  Our render of Carbon token values (Apache-2.0, © IBM Corp.); IBM Plex under SIL OFL 1.1. Free to reuse with credit to IBM Carbon and Design Library.

DS-003-fig3.png
  Figure 3. Our token illustration of Carbon button states (rest, hover, active, focus; secondary, tertiary, ghost, danger) and the layering model in White and Gray 100, using @carbon/themes 11.78.0 values (Apache-2.0, © IBM Corp.). Not Carbon’s own component code.
  Our render of Carbon token values (Apache-2.0, © IBM Corp.); IBM Plex under SIL OFL 1.1. Free to reuse with credit to IBM Carbon and Design Library.

DS-003-ref1.jpg
  Reference capture of https://www.carbondesignsystem.com/, taken 2026-10-25 10:10 (UTC+8) by this library with a headless browser at 1440×900 (logged out), reduced to 1200px. Fair-use reference for design analysis only; the page, its content and marks belong to IBM Corp. (Carbon Design System).
  Fair-use reference capture; content © IBM Corp. (Carbon Design System). Entry license: Apache-2.0 (Carbon code, packages and website repo, © IBM Corp.); IBM Plex fonts SIL OFL 1.1; IBM and Carbon names/logos are IBM trademarks

DS-003-ref2.jpg
  Reference capture of https://www.carbondesignsystem.com/building-blocks/foundations/color/tokens, taken 2026-10-25 10:10 (UTC+8) by this library with a headless browser at 1440×900 (logged out), reduced to 1200px. Fair-use reference for design analysis only; the page, its content and marks belong to IBM Corp. (Carbon Design System).
  Fair-use reference capture; content © IBM Corp. (Carbon Design System). Entry license: Apache-2.0 (Carbon code, packages and website repo, © IBM Corp.); IBM Plex fonts SIL OFL 1.1; IBM and Carbon names/logos are IBM trademarks

DS-003-ref3.jpg
  Reference capture of https://www.carbondesignsystem.com/building-blocks/foundations/2x-grid/overview, taken 2026-10-25 10:10 (UTC+8) by this library with a headless browser at 1440×900 (logged out), reduced to 1200px. Fair-use reference for design analysis only; the page, its content and marks belong to IBM Corp. (Carbon Design System).
  Fair-use reference capture; content © IBM Corp. (Carbon Design System). Entry license: Apache-2.0 (Carbon code, packages and website repo, © IBM Corp.); IBM Plex fonts SIL OFL 1.1; IBM and Carbon names/logos are IBM trademarks
