TypeScript Tokens

Preview

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

export const tokens = {
  "color": {
    "surface-0": "#ffffff",
    "surface-accent-0": "#4f69f2",
    "surface-border-solid-10": "#1a1a1a",
    "surface-foreground-2": "#424242",
    "surface-foreground-4": "#737373",
    "deprecated-primary-1": "#344ce7",
    "deprecated-primary-2": "#2236d2",
    "premium-0": "#feb602",
    "premium-1": "#f4980a",
    "premium-2": "#ea7e11"
  },
  "fontSize": {
    "geist-15px-400": "15px",
    "geist-17px-400": "17px",
    "geist-14px-500": "14px",
    "klarheit-28px-700": "28px",
    "geist-16px-500": "16px",
    "geist-12px-400": "12px",
    "geist-18px-400": "18px",
    "geist-13px-500": "13px",
    "klarheit-24px-700": "24px",
    "klarheit-36px-700": "36px",
    "geist-10px-500": "10px",
    "klarheit-55px-700": "55px",
    "klarheit-20px-600": "20px",
    "klarheit-56px-800": "56px"
  },
  "spacing": {
    "2px": "2px",
    "3px": "3px",
…

All Tokens