DS-005 · Microsoft Fluent 2
Source: https://fluent2.design/
License: MIT (Fluent UI code and @fluentui/react-theme, © Microsoft Corp.); fonts and icons referenced in Fluent UI React fall under Microsoft’s assets licence per the README (Segoe UI is not open); the Fluent UI System Icons repo itself is MIT

DS-005-fig1.png
  Figure 1. Fluent 2 alias colour tokens for webLightTheme and webDarkTheme, rendered by Design Library on 2026-10-25 (UTC+8) from @fluentui/react-theme 9.2.2 (MIT, © Microsoft Corp.). HEX OFFICIAL; RGB/HSL converted by us.
  Our render of Fluent UI token values (MIT, © Microsoft Corp.); Roboto under Apache-2.0. Free to reuse with credit to Microsoft Fluent and Design Library.

DS-005-fig2.png
  Figure 2. Fluent 2 type ramp, spacing, durations, radii and shadow ramp, rendered by Design Library from @fluentui/react-theme 9.2.2 (MIT, © Microsoft Corp.). Specimens use Roboto (Apache-2.0), a fallback in Fluent’s own font stack, because Segoe UI is not openly licensed.
  Our render of Fluent UI token values (MIT, © Microsoft Corp.); Roboto under Apache-2.0. Free to reuse with credit to Microsoft Fluent and Design Library.

DS-005-fig3.png
  Figure 3. Our token illustration of Fluent 2 primary/secondary button states and a shadow4 card in web light and dark, using @fluentui/react-theme 9.2.2 values (MIT, © Microsoft Corp.). Not Fluent UI React itself.
  Our render of Fluent UI token values (MIT, © Microsoft Corp.); Roboto under Apache-2.0. Free to reuse with credit to Microsoft Fluent and Design Library.

DS-005-ref1.jpg
  Reference capture of https://storybooks.fluentui.dev/react/?path=/docs/concepts-introduction--docs, taken 2026-10-25 10:13 (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 Microsoft Corp. (Fluent UI).
  Fair-use reference capture; content © Microsoft Corp. (Fluent UI). Entry license: MIT (Fluent UI code and @fluentui/react-theme, © Microsoft Corp.); fonts and icons referenced in Fluent UI React fall under Microsoft’s assets licence per the README (Segoe UI is not open); the Fluent UI System Icons repo itself is MIT

DS-005-ref2.jpg
  Reference capture of https://storybooks.fluentui.dev/react/?path=/docs/theme-colors--docs, taken 2026-10-25 10:13 (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 Microsoft Corp. (Fluent UI).
  Fair-use reference capture; content © Microsoft Corp. (Fluent UI). Entry license: MIT (Fluent UI code and @fluentui/react-theme, © Microsoft Corp.); fonts and icons referenced in Fluent UI React fall under Microsoft’s assets licence per the README (Segoe UI is not open); the Fluent UI System Icons repo itself is MIT

DS-005-ref3.jpg
  Reference capture of https://storybooks.fluentui.dev/react/?path=/docs/components-button-button--docs, taken 2026-10-25 10:13 (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 Microsoft Corp. (Fluent UI).
  Fair-use reference capture; content © Microsoft Corp. (Fluent UI). Entry license: MIT (Fluent UI code and @fluentui/react-theme, © Microsoft Corp.); fonts and icons referenced in Fluent UI React fall under Microsoft’s assets licence per the README (Segoe UI is not open); the Fluent UI System Icons repo itself is MIT
