TypeScript Tokens

Preview

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

export const tokens = {
  "color": {
    "light-theme-accent-fill-01": "#cfcccb",
    "light-theme-accent-fill-02": "#fcc6b1",
    "light-theme-accent-fill-03": "#fcc5be",
    "light-theme-accent-fill-04": "#b9cdbe",
    "light-theme-accent-fill-05": "#ece6d9",
    "light-theme-accent-fill-06": "#d7cdfc",
    "light-theme-accent-fill-07": "#b2e9eb",
    "light-theme-accent-fill-08": "#fbdbe9",
    "light-theme-accent-decoration-01": "#9b9897",
    "light-theme-accent-decoration-02": "#ffa581",
    "light-theme-accent-decoration-03": "#ffa499",
    "light-theme-accent-decoration-04": "#9cbaa4",
    "light-theme-accent-decoration-05": "#ccc0a3",
    "light-theme-accent-decoration-06": "#c4b4f7",
    "light-theme-accent-decoration-07": "#97dadc",
    "light-theme-accent-decoration-08": "#fcc3dc",
    "light-theme-background-accent-02": "#d6c2d9",
    "light-theme-background-footer-01": "#1f1f1f",
    "light-theme-beta-01": "#7d53e9",
    "light-theme-beta-background-01": "#e5e1fa",
    "light-theme-border-02": "rgba(0, 0, 0, 0.4705882353)",
    "light-theme-border-03": "rgba(0, 0, 0, 0.1098039216)",
    "light-theme-border-brand-01": "#ff4800",
    "light-theme-border-highlight-01": "#2f7579",
    "light-theme-button-primary-fill-hover": "#c93700"
  },
  "fontSize": {
    "hubspot-sans-16px-300": "16px",
    "hubspot-sans-14px-300": "14px",
    "hubspot-sans-18px-500": "18px",
…

All Tokens