TypeScript Tokens

Preview

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

export const tokens = {
  "color": {
    "theme-bg-pop": "#00056F",
    "cover-bg-color": "#FFFFFF",
    "background-pop-darken": "#000456",
    "theme-bg-pop-20": "rgba(0, 5, 111, 0.2)",
    "theme-bg-pop-30": "rgba(0, 5, 111, 0.3)",
    "cover-print-primary": "#363737",
    "cover-print-secondary": "#757575",
    "cover-print-tertiary": "#b6b6b6",
    "background-contrast-pop": "rgba(0, 5, 111, 0.4)",
    "bg-marketing-green": "#2f6d5d"
  },
  "fontSize": {
    "cahuenga": "55px",
    "cahuenga-2": "38px",
    "cahuenga-3": "32px",
    "cahuenga-4": "24px",
    "cahuenga-5": "20px",
    "cahuenga-7": "28px",
    "anton": "64px",
    "sf-pro-display": "12px",
    "inherit": "1.35em",
    "inherit-2": "1.15em",
    "american-grotesk": "16px",
    "american-grotesk-2": "14px",
    "sf-pro-display-19px-400": "19px"
  },
  "spacing": {
    "2px": "2px",
    "3px": "3px",
    "4px": "4px",
…

All Tokens