TypeScript Tokens

Preview

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

export const tokens = {
  "color": {
    "bg-black": "hsla(51, 0%, 12%, 1)",
    "bg-black-transparent": "hsla(51, 0%, 12%, 0.8)",
    "border-off-white": "hsla(51, 33%, 94%, 1)",
    "bg-off-white": "hsla(51, 9%, 95%, 1)",
    "bg-off-white-dark": "hsla(51, 3%, 80%, 1)",
    "path-off-white": "hsla(51, 33%, 94%, 0.4)",
    "button-border": "hsla(0, 0%, 50%, 0.25)",
    "bg-white": "#FFFFFF",
    "text-black": "#333333",
    "text-grey": "#999999",
    "text-darken": "rgba(0,0,0,95)",
    "grid-stroke": "hsla(51, 33%, 94%, 0.3)",
    "colour-1": "#797d62",
    "colour-2": "#9b9b7a",
    "colour-3": "#d9ae94",
    "colour-4": "#f1dca7",
    "colour-5": "#ffcb69",
    "colour-6": "#e8ac65",
    "colour-7": "#d08c60",
    "colour-8": "#997b66"
  },
  "fontSize": {
    "apossible": "23px",
    "neue-haas-unica-w04-regular-16px-400": "16px",
    "ibm-plex-mono-12px-400": "12px",
    "neue-haas-unica-w04-regular-25px-400": "25px",
    "neue-haas-unica-w04-regular-0px-400": "0px"
  },
  "spacing": {
    "2px": "2px",
…

All Tokens