TypeScript Tokens

Preview

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

export const tokens = {
  "color": {
    "tokens-surfaces-background-idle": "#faf9fb",
    "tokens-text-colour-text-colour-primary": "#2a222b",
    "tokens-text-colour-text-colour-secondary": "#655d67",
    "tokens-text-colour-eyebrow-colour": "#a25fba",
    "tokens-button-primary-bg-hover": "#564b58",
    "colour-primitives-primitives-purple-800": "#753a88",
    "colour-primitives-primitives-neutral-900": "#3e3040",
    "colour-primitives-primitives-purple-700": "#9454ab",
    "colour-primitives-get-real-500": "#b66dd5",
    "colour-primitives-primitives-purple-300": "#eccffa",
    "colour-primitives-primitives-yellow-200": "#fcf0ca",
    "colour-primitives-primitives-red-600": "#ce5d55",
    "colour-primitives-primitives-green-700": "#457d4e",
    "colour-primitives-primitives-green-400": "#97da90",
    "colour-primitives-primitives-neutral-600": "#837a85",
    "colour-primitives-get-real-800": "#580273",
    "colour-primitives-primitives-yellow-300": "#fbe19d",
    "colour-primitives-primitives-green-300": "#c4e3ba",
    "colour-primitives-primitives-blue-300": "#bdddf9"
  },
  "fontSize": {
    "gt-america-web": "14px",
    "tobias": "var(--_typography---primitives--headings--size-3-size)",
    "tobias-2": "2.25rem",
    "twklausanne-400": "1rem",
    "tobias-3": "2rem",
    "tobias-4": ".9375rem",
    "tobias-5": "1.125rem",
    "tobias-6": "5.75rem",
    "twklausanne-350": "1.5rem",
…

All Tokens