TypeScript Tokens

Preview

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

export const tokens = {
  "color": {
    "theme-background": "#faf9f5",
    "theme-text": "#141413",
    "theme-link-text-hover": "#5e5d59",
    "swatch-clay": "#d97757",
    "theme-text-agate": "#b0aea5",
    "swatch-accent": "#c6613f",
    "swatch-olive": "#788c5d",
    "swatch-oat": "#e3dacc",
    "swatch-cactus": "#bcd1ca",
    "swatch-sky": "#6a9bcc",
    "swatch-heather": "#cbcadb",
    "swatch-fig": "#c46686",
    "swatch-coral": "#ebcece",
    "swatch-cloud-dark": "#87867f",
    "swatch-manilla": "#ebdbbc",
    "swatch-kraft": "#d4a27f",
    "srgb-0-0784314": "color(srgb 0.0784314 0.0784314 0.0745098 / 0.6)"
  },
  "fontSize": {
    "anthropic-sans-12px-400": "12px",
    "anthropic-serif-20px-400": "20px",
    "anthropic-sans-16px-400": "16px",
    "anthropic-sans-57-7306px-700": "57.7306px",
    "anthropic-sans-15px-400": "15px",
    "anthropic-sans-24px-600": "24px",
    "anthropic-serif-18px-600": "18px",
    "anthropic-serif-14px-400": "14px",
    "anthropic-serif-85-551px-400": "85.551px"
  },
  "spacing": {
…

All Tokens