TypeScript Tokens

Preview

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

export const tokens = {
  "color": {
    "base-color-scale-black-0": "#000000",
    "base-color-scale-white-0": "#ffffff",
    "base-color-scale-gray-3": "#c4ccc6",
    "base-color-scale-gray-5": "#96a199",
    "base-color-scale-gray-6": "#77827a",
    "base-color-scale-gray-7": "#58635b",
    "base-color-scale-gray-8": "#353d37",
    "base-color-scale-gray-9": "#191f1b",
    "base-color-scale-blue-0": "#ddf4ff",
    "base-color-scale-blue-1": "#bcecff",
    "base-color-scale-blue-2": "#8dd6ff",
    "base-color-scale-blue-3": "#5fb9ff",
    "base-color-scale-blue-4": "#3094ff",
    "base-color-scale-blue-5": "#0377ff",
    "base-color-scale-blue-6": "#0055d5",
    "base-color-scale-blue-7": "#0040a7",
    "base-color-scale-blue-8": "#002f7a",
    "base-color-scale-blue-9": "#001c4d",
    "base-color-scale-green-0": "#ebf9f4",
    "base-color-scale-green-1": "#bfffd1",
    "base-color-scale-green-2": "#8cf2a6",
    "base-color-scale-green-3": "#5fed83",
    "base-color-scale-green-4": "#23ea57"
  },
  "fontSize": {
    "mona-sans-vf-16px-400": "16px",
    "mona-sans-22px-480": "22px",
    "mona-sans-vf-14px-500": "14px",
    "mona-sans-34px-500": "34px",
    "mona-sans-28px-480": "28px",
…

All Tokens