DS-001 · Material Design 3
Source: https://m3.material.io
License: Apache-2.0 (tokens/components/Material Symbols)

DS-001-fig1.png
  Figure 1. Baseline color scheme, light and dark - all key roles with HEX. Source: RENDERED BY US from official token files https://github.com/material-components/material-web/tree/main/tokens/versions/v0_192/_md-sys-color.scss + _md-ref-palette.scss
  Rendered by the research team; see caption for source and license. Entry license: Apache-2.0 (tokens/components/Material Symbols)

DS-001-fig2.png
  Figure 2. Type scale (15 styles) at token sizes/line-heights/weights, Roboto via Google Fonts. Source: RENDERED BY US from https://github.com/material-components/material-web/tree/main/tokens/versions/v0_192/_md-sys-typescale.scss
  Rendered by the research team; see caption for source and license. Entry license: Apache-2.0 (tokens/components/Material Symbols)

DS-001-fig3.png
  Figure 3. Key components & states: buttons (enabled/disabled), checkbox, switch, radio, chips, FAB, text fields (incl. error), slider, progress; state-layer opacities. Source: RENDERED BY US using Google's official @material/web components (https://github.com/material-components/material-web, Apache-2.0) and https://github.com/material-components/material-web/tree/main/tokens/versions/v0_192/_md-s
  Rendered by the research team; see caption for source and license. Entry license: Apache-2.0 (tokens/components/Material Symbols)

DS-001-fig4.png
  Figure 4. Shape scale and a sample layout (navigation rail + chips + cards). Source: RENDERED BY US with M3 tokens + @material/web; illustrative sample, not an official Google mockup
  Rendered by the research team; see caption for source and license. Entry license: Apache-2.0 (tokens/components/Material Symbols)
