TypeScript Tokens

Preview

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

export const tokens = {
  "color": {
    "light-gray": "#f0f0f0",
    "text-gray": "#aaaaaa",
    "transparent-white": "hsla(0,0%,75%,.8)",
    "transparent-fullwhite": "hsla(0,0%,100%,.8)"
  },
  "fontSize": {
    "eurostile": "1em",
    "neue-haas-unica": ".714rem",
    "neue-haas-unica-15px-400": "15px",
    "neue-haas-unica-10-71px-400": "10.71px",
    "neue-haas-unica-25-71px-400": "25.71px",
    "eurostile-8-55px-400": "8.55px"
  },
  "spacing": {
    "1rem": "1rem",
    "1-25rem": "1.25rem",
    "1-5rem": "1.5rem",
    "1-75rem": "1.75rem",
    "2rem": "2rem",
    "2-25rem": "2.25rem",
    "2-5rem": "2.5rem",
    "3rem": "3rem",
    "3-5rem": "3.5rem",
    "3-75rem": "3.75rem",
    "4rem": "4rem",
    "4-5rem": "4.5rem",
    "15px": "15px",
    "45px": "45px",
    "90px": "90px"
  },
…

All Tokens