TypeScript Tokens

Preview

/**
 * Generated by UI Archive — ui-archive.com
 * Domain: apple.com
 * Snapshot: 2026-11-15
 * Format: W3C DTCG compatible
 * Token names preserve original CSS variable names
 */

export const tokens = {
  "color": {
    "r-globalnav-background-opened": "#fafafc",
    "sk-focus-color": "#0071e3",
    "sk-focus-color-alt": "#000000",
    "sk-body-link-color": "#0066cc",
    "sk-glyph-gray-alpha": "rgba(0, 0, 0, 0.88)",
    "sk-glyph-gray-secondary": "#6e6e73",
    "sk-glyph-gray-secondary-alpha": "rgba(0, 0, 0, 0.56)",
    "sk-glyph-gray-secondary-alt": "#424245",
    "sk-glyph-gray-secondary-alt-alpha": "rgba(0, 0, 0, 0.72)",
    "sk-glyph-gray-tertiary-alpha": "rgba(0, 0, 0, 0.48)",
    "sk-glyph-orange": "#b64400",
    "sk-glyph-green": "#008009",
    "sk-glyph-red": "#e30000",
    "sk-fill-gray-tertiary-alpha": "rgba(0, 0, 0, 0.16)",
    "sk-fill-gray-quaternary-alpha": "rgba(0, 0, 0, 0.08)",
    "sk-fill-orange": "#f56300",
    "sk-fill-green": "#03a10e",
    "sk-fill-green-secondary": "#f5fff6",
    "sk-fill-yellow": "#ffe045"
  },
  "fontSize": {
    "sf-pro-text": "12px",
    "sf-pro-display": "28px",
    "sf-pro-text-2": "17px",
    "sf-pro-display-2": "19px",
    "sf-pro-display-3": "24px",
    "sf-pro-text-7": "14px",
    "sf-pro-display-5": "21px",
    "sf-pro-icons": "inherit",
    "sf-pro-text-44px-400": "44px",
…

All Tokens