are.na/Snapshot/Export/TypeScript Tokens

TypeScript Tokens

Typed token constants · 87 tokens

Preview

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

export const tokens = {
  "color": {
    "colors-gray0": "#ffffff",
    "colors-gray4": "#999999",
    "colors-gray5": "#696969",
    "colors-gray6": "#333333",
    "colors-gray7": "#000000",
    "colors-red2": "#DFBEBE",
    "colors-red3": "#B93D3D",
    "colors-green2": "#B4D6B3",
    "colors-green3": "#238020",
    "colors-blue1": "#EBECF7",
    "colors-blue2": "#3D46C2",
    "colors-blue3": "#00075F",
    "colors-foregroundshadow": "rgba(0, 0, 0, 0.08)",
    "colors-foregroundlight": "rgba(0, 0, 0, 0.6)",
    "colors-foregroundheavy": "rgba(0, 0, 0, 0.85)",
    "colors-backgroundshadow": "rgba(255, 255, 255, 0.08)",
    "colors-backgroundlight": "rgba(247, 247, 247, 0.6)",
    "colors-backgroundheavy": "rgba(255, 255, 255, 0.95)",
    "colors-alert": "#E15100",
    "colors-notification": "#A87253"
  },
  "fontSize": {
    "areal-16px-400": "16px",
    "areal-12-5px-400": "12.5px",
    "areal-19-2px-400": "19.2px",
    "areal-10px-600": "10px",
    "areal-14-4px-700": "14.4px"
  },
  "spacing": {
    "2px": "2px",
…