{
  "name": "Stripe",
  "id": "stripe",
  "sourceUrl": "https://stripe.com",
  "capturedAt": "2026-04-29T15:05:00.000Z",
  "color": {
    "colorSlateInk": {
      "$type": "color",
      "$value": "#0a2540",
      "$description": "Headings and technical copy.",
      "group": "neutral"
    },
    "colorCloud": {
      "$type": "color",
      "$value": "#f6f9fc",
      "$description": "Secondary page surface.",
      "group": "surface"
    },
    "colorWhite": {
      "$type": "color",
      "$value": "#ffffff",
      "$description": "Cards and document surfaces.",
      "group": "surface"
    },
    "colorViolet": {
      "$type": "color",
      "$value": "#635bff",
      "$description": "Primary brand action.",
      "group": "brand"
    },
    "colorSky": {
      "$type": "color",
      "$value": "#00d4ff",
      "$description": "Gradient and diagram highlight.",
      "group": "accent"
    },
    "colorCoral": {
      "$type": "color",
      "$value": "#ff7a59",
      "$description": "Warm gradient stop and emphasis.",
      "group": "accent"
    }
  },
  "typography": {
    "fontInter": {
      "$type": "fontFamily",
      "$value": "Inter, ui-sans-serif, system-ui, sans-serif",
      "$description": "Single family for dense product UI, labels, tables, and command surfaces."
    }
  },
  "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": "6px"
    },
    "panels": {
      "$type": "dimension",
      "$value": "12px"
    }
  },
  "shadow": {
    "shadowElevated": {
      "$type": "shadow",
      "$value": "rgba(50,50,93,0.15) 0px 15px 35px, rgba(0,0,0,0.08) 0px 5px 15px"
    }
  }
}