TypeScript Tokens

Preview

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

export const tokens = {
  "color": {
    "tw-color-blue-400": "#7a90fe",
    "tw-color-blue-500": "#3859ff",
    "tw-color-blue-600": "#2a41b6",
    "tw-color-gray-300": "#c7cad5",
    "tw-color-gray-500": "#656b81",
    "tw-color-gray-900": "#222428",
    "tw-color-gray-950": "#030712",
    "tw-color-white": "#ffffff",
    "tw-color-black-550": "#3c3f49",
    "tw-color-blue-550": "#314cd9",
    "tw-color-secondary": "#555a6a",
    "tw-color-miro-yellow": "#fde050",
    "tw-color-turquoise": "#72dfd5",
    "tw-color-input-placeholder": "#a5a8b5",
    "tw-color-pink": "#fde0f0",
    "tw-color-orange": "#fce8cf",
    "tw-color-blue": "#cdd8ff",
    "tw-color-green": "#d1f7ea",
    "tw-color-light-green": "#e9fccf",
    "tw-color-purple": "#e3d9fd",
    "tw-color-light-blue": "#d2e8ff",
    "tw-color-red": "#fbd4d4",
    "lab-64-5597-64-3615": "#fb67b5"
  },
  "fontSize": {
    "roobert-pro-medium-24px-400": "24px",
    "roobert-pro-14px-500": "14px",
    "roobert-pro-medium-16px-400": "16px",
    "roobert-pro-medium-40px-400": "40px",
    "roobert-pro-medium-18px-400": "18px",
…

All Tokens