design.md

AI-ready Markdown · Human-readable · 108 tokens

Preview

# apple.com Design Tokens

> Generated by UI Archive — https://ui-archive.com/apple.com
> Snapshot: 2026-11-15
> Format: W3C DTCG compatible — suitable for Cursor, Lovable, Claude Code, and other AI coding agents

## Colors

| Token | Value | Description |
|-------|-------|-------------|
| --color-r-globalnav-background-opened | #fafafc | Defined in :root as --r-globalnav-background-opened |
| --color-sk-focus-color | #0071e3 | Defined in :root as --sk-focus-color |
| --color-sk-focus-color-alt | #000000 | Defined in :root as --sk-focus-color-alt |
| --color-sk-body-link-color | #0066cc | Defined in :root as --sk-body-link-color |
| --color-sk-glyph-gray-alpha | rgba(0, 0, 0, 0.88) | Defined in :root as --sk-glyph-gray-alpha |
| --color-sk-glyph-gray-secondary | #6e6e73 | Defined in :root as --sk-glyph-gray-secondary |
| --color-sk-glyph-gray-secondary-alpha | rgba(0, 0, 0, 0.56) | Defined in :root as --sk-glyph-gray-secondary-alpha |
| --color-sk-glyph-gray-secondary-alt | #424245 | Defined in :root as --sk-glyph-gray-secondary-alt |
| --color-sk-glyph-gray-secondary-alt-alpha | rgba(0, 0, 0, 0.72) | Defined in :root as --sk-glyph-gray-secondary-alt-alpha |
| --color-sk-glyph-gray-tertiary-alpha | rgba(0, 0, 0, 0.48) | Defined in :root as --sk-glyph-gray-tertiary-alpha |
| --color-sk-glyph-orange | #b64400 | Defined in :root as --sk-glyph-orange |
| --color-sk-glyph-green | #008009 | Defined in :root as --sk-glyph-green |
| --color-sk-glyph-red | #e30000 | Defined in :root as --sk-glyph-red |
| --color-sk-fill-gray-tertiary-alpha | rgba(0, 0, 0, 0.16) | Defined in :root as --sk-fill-gray-tertiary-alpha |
| --color-sk-fill-gray-quaternary-alpha | rgba(0, 0, 0, 0.08) | Defined in :root as --sk-fill-gray-quaternary-alpha |
| --color-sk-fill-orange | #f56300 | Defined in :root as --sk-fill-orange |
| --color-sk-fill-green | #03a10e | Defined in :root as --sk-fill-green |
| --color-sk-fill-green-secondary | #f5fff6 | Defined in :root as --sk-fill-green-secondary |
| --color-sk-fill-yellow | #ffe045 | Defined in :root as --sk-fill-yellow |

…