TypeScript Tokens

Preview

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

export const tokens = {
  "color": {
    "hds-color-core-brand-25": "#f5f5ff",
    "hds-color-core-brand-50": "#e8e9ff",
    "hds-color-core-brand-100": "#d6d9fc",
    "hds-color-core-brand-200": "#b9b9f9",
    "hds-color-core-brand-300": "#9a9afe",
    "hds-color-core-brand-400": "#7f7dfc",
    "hds-color-core-brand-500": "#665efd",
    "hds-color-core-brand-600": "#533afd",
    "hds-color-core-brand-700": "#4032c8",
    "hds-color-core-brand-800": "#2e2b8c",
    "hds-color-core-brand-900": "#1c1e54",
    "hds-color-core-brand-950": "#161741",
    "hds-color-core-branddark-75": "#ccdaff",
    "hds-color-core-branddark-200": "#a8bfff",
    "hds-color-core-branddark-300": "#92adff",
    "hds-color-core-branddark-400": "#7389ff",
    "hds-color-core-branddark-700": "#362baa",
    "srgb-0-898039": "color(srgb 0.898039 0.929412 0.960784 / 0.5)"
  },
  "fontSize": {
    "sohne-var-16px-400": "16px",
    "sohne-var-10px-300": "10px",
    "sohne-var-11px-300": "11px",
    "sohne-var-9px-300": "9px",
    "sohne-var-14px-400": "14px",
    "sohne-var-12px-400": "12px",
    "sohne-var-26px-400": "26px",
    "sohne-var-8px-400": "8px",
    "sohne-var-48px-300": "48px",
    "sohne-var-13px-400": "13px",
…

All Tokens