{
  "name": "Notion",
  "source": "https://www.notion.com/",
  "capturedAt": "2026-10-05",
  "url": "https://www.notion.com/",
  "viewport": "1440x900",
  "theme": "light",
  "colors": {
    "roles": {
      "background": "#ffffff",
      "surface": "#f9f9f8",
      "text": "#000000",
      "textMuted": "#757575",
      "accent": "#0075de",
      "accentIsChromatic": true,
      "highlight": "#0075de",
      "border": "#e5e5e5"
    },
    "contrast": {
      "textOnBackground": 21,
      "mutedOnBackground": 4.61,
      "accentOnBackground": 4.57
    },
    "palette": [
      "#ffffff",
      "#000000",
      "#1a1a1a",
      "#0075de",
      "#757575",
      "#0d0d0d",
      "#005bab",
      "#404040"
    ]
  },
  "typography": {
    "families": [
      {
        "name": "NotionInter",
        "stack": "NotionInter, Inter, -apple-system, \"system-ui\", \"Segoe UI\", Helvetica, \"Apple Color Emoji\", Arial, sans-serif, \"Segoe UI Emoji\", \"Segoe UI Symbol\"",
        "share": 100,
        "role": "display and body"
      }
    ],
    "roles": {
      "display": {
        "family": "NotionInter",
        "size": 96,
        "weight": 600,
        "lineHeight": 1.04,
        "letterSpacing": -0.048
      },
      "heading": {
        "family": "NotionInter",
        "size": 22,
        "weight": 700,
        "lineHeight": 1.27,
        "letterSpacing": -0.011
      },
      "subheading": {
        "family": "NotionInter",
        "size": 16,
        "weight": 700,
        "lineHeight": 1.5,
        "letterSpacing": 0
      },
      "body": {
        "family": "NotionInter",
        "size": 20,
        "weight": 400,
        "lineHeight": 1.4,
        "letterSpacing": -0.006
      },
      "small": {
        "family": "NotionInter",
        "size": 16,
        "weight": 700,
        "lineHeight": 1.5,
        "letterSpacing": 0
      }
    },
    "scale": [
      96,
      72,
      54,
      22,
      20,
      16,
      14
    ]
  },
  "spacing": {
    "base": 4,
    "scale": [
      4,
      8,
      10,
      12,
      14,
      24,
      32
    ]
  },
  "radii": [
    {
      "px": 4,
      "count": 5
    },
    {
      "px": 8,
      "count": 27
    },
    {
      "px": 12,
      "count": 18
    },
    {
      "px": 9999,
      "count": 10
    }
  ],
  "shadows": [
    {
      "value": "rgba(0, 0, 0, 0.01) 0px 0.175px 1.041px 0px, rgba(0, 0, 0, 0.02) 0px 0.8px 2.925px 0px, rgba(0, 0, 0, 0.027) 0px 2.025px 7.847px 0px, rgba(0, 0, 0, 0.04) 0px 4px 18px 0px",
      "count": 4
    },
    {
      "value": "rgba(0, 0, 0, 0.008) 0px 0.667px 3.502px 0px, rgba(0, 0, 0, 0.016) 0px 2.933px 7.252px 0px, rgba(0, 0, 0, 0.02) 0px 7.2px 14.462px 0px, rgba(0, 0, 0, 0.024) 0px 13.867px 28.348px 0px, rgba(0, 0, 0, 0.03) 0px 23.333px 52.123px 0px, rgba(0, 0, 0, 0.04) 0px 36px 89px 0px",
      "count": 1
    }
  ],
  "components": {
    "buttonPrimary": {
      "label": "Get Notion free",
      "background": "#0075de",
      "color": "#ffffff",
      "border": "none",
      "shadow": "none",
      "radius": 8,
      "height": 36,
      "padding": "4px 14px",
      "fontSize": 16,
      "fontWeight": 500,
      "family": "NotionInter"
    },
    "buttonSecondary": {
      "label": "Request a demo",
      "background": "#e6f3fe",
      "color": "#005bab",
      "border": "none",
      "shadow": "none",
      "radius": 8,
      "height": 38,
      "padding": "6px 15px",
      "fontSize": 16,
      "fontWeight": 500,
      "family": "NotionInter"
    },
    "card": {
      "background": "#ffffff",
      "border": "1px solid #e5e5e5",
      "radius": 12,
      "shadow": "none"
    }
  }
}