{
  "name": "Supabase",
  "source": "https://supabase.com/",
  "capturedAt": "2026-10-05",
  "url": "https://supabase.com/",
  "viewport": "1440x900",
  "theme": "light",
  "colors": {
    "roles": {
      "background": "#fdfdfd",
      "surface": null,
      "text": "#030303",
      "textMuted": "#696969",
      "accent": "#0e7e4e",
      "accentIsChromatic": true,
      "highlight": "#0e7e4e",
      "border": "#e8e8e8"
    },
    "contrast": {
      "textOnBackground": 20.28,
      "mutedOnBackground": 5.4,
      "accentOnBackground": 5.02
    },
    "palette": [
      "#fdfdfd",
      "#696969",
      "#030303",
      "#0e7e4e",
      "#464646"
    ]
  },
  "typography": {
    "families": [
      {
        "name": "Inter",
        "stack": "Inter, \"Inter Fallback\", system-ui, \"Helvetica Neue\", Helvetica, Arial, sans-serif, Inter, \"Helvetica Neue\", Helvetica, ui-sans-serif, system-ui, sans-serif",
        "share": 82.9,
        "role": "body"
      },
      {
        "name": "Manrope",
        "stack": "Manrope, \"Manrope Fallback\", system-ui, \"Helvetica Neue\", Helvetica, Arial, sans-serif",
        "share": 17.1,
        "role": "display"
      }
    ],
    "roles": {
      "display": {
        "family": "Manrope",
        "size": 46,
        "weight": 500,
        "lineHeight": 1,
        "letterSpacing": 0
      },
      "heading": {
        "family": "Manrope",
        "size": 34,
        "weight": 600,
        "lineHeight": 1.11,
        "letterSpacing": 0
      },
      "subheading": {
        "family": "Manrope",
        "size": 16,
        "weight": 600,
        "lineHeight": 1.5,
        "letterSpacing": 0
      },
      "body": {
        "family": "Inter",
        "size": 14,
        "weight": 450,
        "lineHeight": 1.43,
        "letterSpacing": 0
      },
      "small": {
        "family": "Inter",
        "size": 12,
        "weight": 500,
        "lineHeight": 1.33,
        "letterSpacing": 0
      }
    },
    "scale": [
      46,
      34,
      22,
      16,
      14,
      12
    ]
  },
  "spacing": {
    "base": 4,
    "scale": [
      4,
      6,
      8,
      10,
      12,
      16,
      20,
      24,
      32,
      40,
      96
    ]
  },
  "radii": [
    {
      "px": 8,
      "count": 8
    },
    {
      "px": 9,
      "count": 5
    },
    {
      "px": 11,
      "count": 62
    },
    {
      "px": 15,
      "count": 7
    },
    {
      "px": 16,
      "count": 14
    },
    {
      "px": 9999,
      "count": 18
    }
  ],
  "shadows": [
    {
      "value": "rgba(0, 0, 0, 0.04) 0px 1px 3px 0px, rgba(0, 0, 0, 0.027) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.04) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.04) 0px -1px 0px 0px inset, rgba(0, 0, 0, 0.067) 0px 0px 0px 1px inset",
      "count": 3
    },
    {
      "value": "rgba(0, 0, 0, 0.04) 0px 1px 3px 0px, rgba(0, 0, 0, 0.027) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.04) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.067) 0px 0px 0px 1px inset",
      "count": 2
    },
    {
      "value": "rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px",
      "count": 1
    }
  ],
  "components": {
    "buttonPrimary": {
      "label": "Start your project",
      "background": "#0e7e4e",
      "color": "#fafcfb",
      "border": "none",
      "shadow": "rgba(0, 0, 0, 0.04) 0px 1px 3px 0px, rgba(0, 0, 0, 0.027) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.04) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.067) 0px 0px 0px 1px inset",
      "radius": 9,
      "height": 38,
      "padding": "8px 16px",
      "fontSize": 14,
      "fontWeight": 500,
      "family": "Inter"
    },
    "buttonSecondary": {
      "label": "Request a demo",
      "background": "#ffffff",
      "color": "#030303",
      "border": "none",
      "shadow": "rgba(0, 0, 0, 0.04) 0px 1px 3px 0px, rgba(0, 0, 0, 0.027) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.04) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.04) 0px -1px 0px 0px inset, rgba(0, 0, 0, 0.067) 0px 0px 0px 1px inset",
      "radius": 9,
      "height": 38,
      "padding": "8px 16px",
      "fontSize": 14,
      "fontWeight": 500,
      "family": "Inter"
    },
    "card": {
      "background": "#ffffff",
      "border": "none",
      "radius": 16,
      "shadow": "none"
    }
  }
}