{
  "name": "Column",
  "id": "column",
  "sourceUrl": "https://column.com",
  "capturedAt": "2026-04-11T18:51:18.967Z",
  "color": {
    "colorInkBlue": {
      "$type": "color",
      "$value": "#011821",
      "$description": "Primary text and headings.",
      "group": "neutral"
    },
    "colorGhostWhite": {
      "$type": "color",
      "$value": "#ffffff",
      "$description": "Page and card surface.",
      "group": "surface"
    },
    "colorFogGray": {
      "$type": "color",
      "$value": "#f6f6f8",
      "$description": "Secondary section background.",
      "group": "surface"
    },
    "colorSteelGray": {
      "$type": "color",
      "$value": "#e3e4e8",
      "$description": "Borders and dividers.",
      "group": "neutral"
    },
    "colorDeepPlum": {
      "$type": "color",
      "$value": "#111a4a",
      "$description": "Brand accent and secondary action.",
      "group": "brand"
    },
    "colorActionOrange": {
      "$type": "color",
      "$value": "#ec652b",
      "$description": "Primary action and high-attention markers.",
      "group": "accent"
    },
    "colorCalloutCyan": {
      "$type": "color",
      "$value": "#167e6c",
      "$description": "Secondary confirmation and callout state.",
      "group": "semantic"
    }
  },
  "typography": {
    "fontSuisseStyle": {
      "$type": "fontFamily",
      "$value": "Inter, ui-sans-serif, system-ui, sans-serif",
      "$description": "Compressed-feeling UI and headline typography with controlled tracking."
    },
    "fontSystemMono": {
      "$type": "fontFamily",
      "$value": "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",
      "$description": "Numerical values, code, balances, and transaction-like labels."
    }
  },
  "spacing": {
    "spacing4": {
      "$type": "dimension",
      "$value": "4px"
    },
    "spacing8": {
      "$type": "dimension",
      "$value": "8px"
    },
    "spacing12": {
      "$type": "dimension",
      "$value": "12px"
    },
    "spacing16": {
      "$type": "dimension",
      "$value": "16px"
    },
    "spacing24": {
      "$type": "dimension",
      "$value": "24px"
    },
    "spacing32": {
      "$type": "dimension",
      "$value": "32px"
    },
    "spacing48": {
      "$type": "dimension",
      "$value": "48px"
    },
    "spacing64": {
      "$type": "dimension",
      "$value": "64px"
    }
  },
  "radius": {
    "default": {
      "$type": "dimension",
      "$value": "8px"
    },
    "controls": {
      "$type": "dimension",
      "$value": "8px"
    },
    "panels": {
      "$type": "dimension",
      "$value": "8px"
    }
  },
  "shadow": {
    "shadowSubtle": {
      "$type": "shadow",
      "$value": "rgba(17, 26, 74, 0.1) 0px 1px 3px, rgba(255,255,255,0.5) 0px 1px 0px inset"
    }
  }
}