{
  "name": "Stripe",
  "source": "https://stripe.com/",
  "capturedAt": "2026-10-05",
  "url": "https://stripe.com/",
  "viewport": "1440x900",
  "theme": "light",
  "colors": {
    "roles": {
      "background": "#ffffff",
      "surface": "#e5edf5",
      "text": "#061b31",
      "textMuted": "#50617a",
      "accent": "#533afd",
      "accentIsChromatic": true,
      "highlight": "#533afd",
      "border": "#e5edf5"
    },
    "contrast": {
      "textOnBackground": 17.37,
      "mutedOnBackground": 6.3,
      "accentOnBackground": 6.19
    },
    "palette": [
      "#ffffff",
      "#061b31",
      "#e5edf5",
      "#50617a",
      "#533afd",
      "#64748d",
      "#000000",
      "#3c4f69",
      "#81b81a",
      "#7f86ff"
    ]
  },
  "typography": {
    "families": [
      {
        "name": "sohne-var",
        "stack": "sohne-var, \"SF Pro Display\", sans-serif",
        "share": 100,
        "role": "display and body"
      }
    ],
    "roles": {
      "display": {
        "family": "sohne-var",
        "size": 48,
        "weight": 300,
        "lineHeight": 1.15,
        "letterSpacing": -0.02
      },
      "heading": {
        "family": "sohne-var",
        "size": 32,
        "weight": 300,
        "lineHeight": 1.1,
        "letterSpacing": -0.02
      },
      "subheading": {
        "family": "sohne-var",
        "size": 26,
        "weight": 300,
        "lineHeight": 1.12,
        "letterSpacing": -0.01
      },
      "body": {
        "family": "sohne-var",
        "size": 14,
        "weight": 300,
        "lineHeight": 1.4,
        "letterSpacing": 0
      },
      "small": {
        "family": "sohne-var",
        "size": 11,
        "weight": 300,
        "lineHeight": 1.4,
        "letterSpacing": 0
      }
    },
    "scale": [
      48,
      32,
      26,
      16,
      15,
      14,
      12,
      11,
      10
    ]
  },
  "spacing": {
    "base": 4,
    "scale": [
      2,
      18,
      20,
      24,
      36,
      40,
      60
    ]
  },
  "radii": [
    {
      "px": 3,
      "count": 2
    },
    {
      "px": 4,
      "count": 19
    },
    {
      "px": 5,
      "count": 8
    },
    {
      "px": 6,
      "count": 30
    },
    {
      "px": 100,
      "count": 3
    },
    {
      "px": 9999,
      "count": 6
    }
  ],
  "shadows": [
    {
      "value": "rgba(0, 0, 0, 0.1) 0px 20.187px 40.374px -20.187px",
      "count": 3
    },
    {
      "value": "rgba(23, 23, 23, 0.08) 0px 15px 35px 0px",
      "count": 2
    },
    {
      "value": "rgba(23, 23, 23, 0.06) 0px 3px 6px 0px",
      "count": 2
    },
    {
      "value": "rgba(50, 50, 93, 0.12) 0px 16px 32px 0px",
      "count": 2
    }
  ],
  "components": {
    "buttonPrimary": {
      "label": "Contact sales",
      "background": "#533afd",
      "color": "#ffffff",
      "border": "none",
      "shadow": "none",
      "radius": 4,
      "height": 40,
      "padding": "12px 20px",
      "fontSize": 14,
      "fontWeight": 400,
      "family": "sohne-var"
    },
    "buttonSecondary": {
      "label": "Sign up with Google",
      "background": "#ffffff",
      "color": "#533afd",
      "border": "1px solid #b9b9f9",
      "shadow": "none",
      "radius": 4,
      "height": 48,
      "padding": "15px 24px",
      "fontSize": 16,
      "fontWeight": 400,
      "family": "sohne-var"
    },
    "card": {
      "background": "#e5edf5",
      "border": "none",
      "radius": 6,
      "shadow": "none"
    }
  }
}