portorocha.com/Snapshot/Export/TypeScript Tokens

TypeScript Tokens

Typed token constants · 40 tokens

Preview

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

export const tokens = {
  "color": {
    "black": "#000000",
    "white": "#e2e6e3",
    "blue": "#007aff",
    "gray10": "hsla(135,7%,89%,.1)",
    "gray20": "hsla(135,7%,89%,.2)",
    "gray30": "hsla(135,7%,89%,.3)",
    "gray50": "hsla(135,7%,89%,.5)"
  },
  "fontSize": {
    "sf-pro-text": "14px",
    "sf-pro-display": "23px"
  },
  "spacing": {
    "2px": "2px",
    "3px": "3px",
    "4px": "4px",
    "6px": "6px",
    "8px": "8px",
    "9px": "9px",
    "10px": "10px",
    "12px": "12px",
    "16px": "16px",
    "20px": "20px",
    "24px": "24px",
    "32px": "32px",
    "44px": "44px",
    "48px": "48px",
    "68px": "68px"
  },
  "borderRadius": {
…