DS-004 · GitHub Primer
Source: https://primer.style/
License: MIT (Primer code and primitives, © GitHub Inc.); Mona Sans SIL OFL 1.1; Octicons MIT; GitHub names and logos are trademarks

DS-004-fig1.png
  Figure 1. Primer functional colour tokens, light and dark, rendered by Design Library on 2026-10-25 (UTC+8) from @primer/primitives 11.10.0 (MIT, © GitHub Inc.). HEX OFFICIAL; RGB/HSL converted by us.
  Our render of Primer token values (MIT, © GitHub Inc.); Mona Sans under SIL OFL 1.1. Free to reuse with credit to GitHub Primer and Design Library.

DS-004-fig2.png
  Figure 2. Primer type roles set in Mona Sans (SIL OFL 1.1, GitHub), base size scale, control heights, radii and the resting/floating shadows, rendered by Design Library from @primer/primitives 11.10.0 (MIT, © GitHub Inc.).
  Our render of Primer token values (MIT, © GitHub Inc.); Mona Sans under SIL OFL 1.1. Free to reuse with credit to GitHub Primer and Design Library.

DS-004-fig3.png
  Figure 3. Our token illustration of Primer button variants (primary, default, invisible, danger), states and 28/32/40 px sizes in light and dark, using @primer/primitives 11.10.0 values (MIT, © GitHub Inc.); the ‘Inactive’ sample is our 50%-opacity approximation (ESTIMATED). Not Primer React itself.
  Our render of Primer token values (MIT, © GitHub Inc.); Mona Sans under SIL OFL 1.1. Free to reuse with credit to GitHub Primer and Design Library.

DS-004-ref1.jpg
  Reference capture of https://primer.style/, taken 2026-10-25 10:11 (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 GitHub, Inc. (Primer).
  Fair-use reference capture; content © GitHub, Inc. (Primer). Entry license: MIT (Primer code and primitives, © GitHub Inc.); Mona Sans SIL OFL 1.1; Octicons MIT; GitHub names and logos are trademarks

DS-004-ref2.jpg
  Reference capture of https://primer.style/product/getting-started/foundations/color-usage/, taken 2026-10-25 10:11 (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 GitHub, Inc. (Primer).
  Fair-use reference capture; content © GitHub, Inc. (Primer). Entry license: MIT (Primer code and primitives, © GitHub Inc.); Mona Sans SIL OFL 1.1; Octicons MIT; GitHub names and logos are trademarks

DS-004-ref3.jpg
  Reference capture of https://primer.style/product/components/button/, taken 2026-10-25 10:11 (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 GitHub, Inc. (Primer).
  Fair-use reference capture; content © GitHub, Inc. (Primer). Entry license: MIT (Primer code and primitives, © GitHub Inc.); Mona Sans SIL OFL 1.1; Octicons MIT; GitHub names and logos are trademarks
