{
  "colors": {
    "all": [
      {
        "hex": "#000000",
        "rgb": {
          "r": 0,
          "g": 0,
          "b": 0,
          "a": 0.95
        },
        "hsl": {
          "h": 0,
          "s": 0,
          "l": 0
        },
        "count": 2131,
        "contexts": [
          "text",
          "border",
          "background"
        ]
      },
      {
        "hex": "#f6f5f4",
        "rgb": {
          "r": 246,
          "g": 245,
          "b": 244,
          "a": 1
        },
        "hsl": {
          "h": 30,
          "s": 10,
          "l": 96
        },
        "count": 384,
        "contexts": [
          "text",
          "border",
          "background"
        ]
      },
      {
        "hex": "#a39e98",
        "rgb": {
          "r": 163,
          "g": 158,
          "b": 152,
          "a": 1
        },
        "hsl": {
          "h": 33,
          "s": 6,
          "l": 62
        },
        "count": 202,
        "contexts": [
          "text",
          "border"
        ]
      },
      {
        "hex": "#ffffff",
        "rgb": {
          "r": 255,
          "g": 255,
          "b": 255,
          "a": 1
        },
        "hsl": {
          "h": 0,
          "s": 0,
          "l": 100
        },
        "count": 170,
        "contexts": [
          "background",
          "text",
          "border"
        ]
      },
      {
        "hex": "#615d59",
        "rgb": {
          "r": 97,
          "g": 93,
          "b": 89,
          "a": 1
        },
        "hsl": {
          "h": 30,
          "s": 4,
          "l": 36
        },
        "count": 48,
        "contexts": [
          "text",
          "border"
        ]
      },
      {
        "hex": "#0075de",
        "rgb": {
          "r": 0,
          "g": 117,
          "b": 222,
          "a": 1
        },
        "hsl": {
          "h": 208,
          "s": 100,
          "l": 44
        },
        "count": 31,
        "contexts": [
          "text",
          "border",
          "background"
        ]
      },
      {
        "hex": "#097fe8",
        "rgb": {
          "r": 9,
          "g": 127,
          "b": 232,
          "a": 1
        },
        "hsl": {
          "h": 208,
          "s": 93,
          "l": 47
        },
        "count": 25,
        "contexts": [
          "background",
          "text",
          "border"
        ]
      },
      {
        "hex": "#62aef0",
        "rgb": {
          "r": 98,
          "g": 174,
          "b": 240,
          "a": 1
        },
        "hsl": {
          "h": 208,
          "s": 83,
          "l": 66
        },
        "count": 25,
        "contexts": [
          "text",
          "border",
          "background"
        ]
      },
      {
        "hex": "#f64932",
        "rgb": {
          "r": 246,
          "g": 73,
          "b": 50,
          "a": 1
        },
        "hsl": {
          "h": 7,
          "s": 92,
          "l": 58
        },
        "count": 18,
        "contexts": [
          "text",
          "border",
          "background"
        ]
      },
      {
        "hex": "#9c7054",
        "rgb": {
          "r": 156,
          "g": 112,
          "b": 84,
          "a": 1
        },
        "hsl": {
          "h": 23,
          "s": 30,
          "l": 47
        },
        "count": 16,
        "contexts": [
          "text",
          "border"
        ]
      },
      {
        "hex": "#ff6d00",
        "rgb": {
          "r": 255,
          "g": 109,
          "b": 0,
          "a": 1
        },
        "hsl": {
          "h": 26,
          "s": 100,
          "l": 50
        },
        "count": 16,
        "contexts": [
          "text",
          "border"
        ]
      },
      {
        "hex": "#78736f",
        "rgb": {
          "r": 120,
          "g": 115,
          "b": 111,
          "a": 1
        },
        "hsl": {
          "h": 27,
          "s": 4,
          "l": 45
        },
        "count": 14,
        "contexts": [
          "text",
          "border"
        ]
      },
      {
        "hex": "#9849e8",
        "rgb": {
          "r": 152,
          "g": 73,
          "b": 232,
          "a": 1
        },
        "hsl": {
          "h": 270,
          "s": 78,
          "l": 60
        },
        "count": 12,
        "contexts": [
          "text",
          "border"
        ]
      },
      {
        "hex": "#ffb110",
        "rgb": {
          "r": 255,
          "g": 177,
          "b": 16,
          "a": 1
        },
        "hsl": {
          "h": 40,
          "s": 100,
          "l": 53
        },
        "count": 12,
        "contexts": [
          "text",
          "border",
          "background"
        ]
      },
      {
        "hex": "#27918d",
        "rgb": {
          "r": 39,
          "g": 145,
          "b": 141,
          "a": 1
        },
        "hsl": {
          "h": 178,
          "s": 58,
          "l": 36
        },
        "count": 8,
        "contexts": [
          "text",
          "border"
        ]
      },
      {
        "hex": "#02093a",
        "rgb": {
          "r": 2,
          "g": 9,
          "b": 58,
          "a": 1
        },
        "hsl": {
          "h": 233,
          "s": 93,
          "l": 12
        },
        "count": 6,
        "contexts": [
          "background"
        ]
      },
      {
        "hex": "#2a9d99",
        "rgb": {
          "r": 42,
          "g": 157,
          "b": 153,
          "a": 1
        },
        "hsl": {
          "h": 178,
          "s": 58,
          "l": 39
        },
        "count": 3,
        "contexts": [
          "background"
        ]
      },
      {
        "hex": "#191918",
        "rgb": {
          "r": 25,
          "g": 25,
          "b": 24,
          "a": 1
        },
        "hsl": {
          "h": 60,
          "s": 2,
          "l": 10
        },
        "count": 2,
        "contexts": [
          "background"
        ]
      },
      {
        "hex": "#455dd3",
        "rgb": {
          "r": 69,
          "g": 93,
          "b": 211,
          "a": 1
        },
        "hsl": {
          "h": 230,
          "s": 62,
          "l": 55
        },
        "count": 2,
        "contexts": [
          "background"
        ]
      },
      {
        "hex": "#ffc95e",
        "rgb": {
          "r": 255,
          "g": 201,
          "b": 94,
          "a": 1
        },
        "hsl": {
          "h": 40,
          "s": 100,
          "l": 68
        },
        "count": 2,
        "contexts": [
          "background"
        ]
      },
      {
        "hex": "#f77463",
        "rgb": {
          "r": 247,
          "g": 116,
          "b": 99,
          "a": 1
        },
        "hsl": {
          "h": 7,
          "s": 90,
          "l": 68
        },
        "count": 2,
        "contexts": [
          "background"
        ]
      },
      {
        "hex": "#ad6ded",
        "rgb": {
          "r": 173,
          "g": 109,
          "b": 237,
          "a": 1
        },
        "hsl": {
          "h": 270,
          "s": 78,
          "l": 68
        },
        "count": 2,
        "contexts": [
          "background"
        ]
      },
      {
        "hex": "#ff8a33",
        "rgb": {
          "r": 255,
          "g": 138,
          "b": 51,
          "a": 1
        },
        "hsl": {
          "h": 26,
          "s": 100,
          "l": 60
        },
        "count": 2,
        "contexts": [
          "background"
        ]
      },
      {
        "hex": "#ff83dd",
        "rgb": {
          "r": 255,
          "g": 131,
          "b": 221,
          "a": 1
        },
        "hsl": {
          "h": 316,
          "s": 100,
          "l": 76
        },
        "count": 2,
        "contexts": [
          "background"
        ]
      },
      {
        "hex": "#b18164",
        "rgb": {
          "r": 177,
          "g": 129,
          "b": 100,
          "a": 1
        },
        "hsl": {
          "h": 23,
          "s": 33,
          "l": 54
        },
        "count": 2,
        "contexts": [
          "background"
        ]
      },
      {
        "hex": "#fff5e0",
        "rgb": {
          "r": 255,
          "g": 245,
          "b": 224,
          "a": 1
        },
        "hsl": {
          "h": 41,
          "s": 100,
          "l": 94
        },
        "count": 1,
        "contexts": [
          "background"
        ]
      },
      {
        "hex": "#213183",
        "rgb": {
          "r": 33,
          "g": 49,
          "b": 131,
          "a": 1
        },
        "hsl": {
          "h": 230,
          "s": 60,
          "l": 32
        },
        "count": 1,
        "contexts": [
          "background"
        ]
      },
      {
        "hex": "#1aae39",
        "rgb": {
          "r": 26,
          "g": 174,
          "b": 57,
          "a": 1
        },
        "hsl": {
          "h": 133,
          "s": 74,
          "l": 39
        },
        "count": 1,
        "contexts": [
          "background"
        ]
      },
      {
        "hex": "#c0c0c0",
        "rgb": {
          "r": 192,
          "g": 192,
          "b": 192,
          "a": 1
        },
        "hsl": {
          "h": 0,
          "s": 0,
          "l": 75
        },
        "count": 1,
        "contexts": [
          "border"
        ]
      },
      {
        "hex": "#dddddd",
        "rgb": {
          "r": 221,
          "g": 221,
          "b": 221,
          "a": 1
        },
        "hsl": {
          "h": 0,
          "s": 0,
          "l": 87
        },
        "count": 1,
        "contexts": [
          "border"
        ]
      }
    ]
  },
  "regions": [
    {
      "role": "nav",
      "tag": "div",
      "bounds": {
        "x": 0,
        "y": 0,
        "w": 1280,
        "h": 44
      },
      "heading": null,
      "buttonCount": 1,
      "cardCount": 1,
      "className": "flex justify-start lg:justify-center pt-12 pb-12 ps-16 pe-16 surface surfaceNeutral surface_surfaceNeutral__1Cszl banner_banner__ESiW6"
    },
    {
      "role": "nav",
      "tag": "nav",
      "bounds": {
        "x": 0,
        "y": 44,
        "w": 1280,
        "h": 64
      },
      "heading": null,
      "buttonCount": 6,
      "cardCount": 1,
      "className": "globalNavigation_globalNavigation__7c1YP"
    },
    {
      "role": "pricing",
      "tag": "main",
      "bounds": {
        "x": 0,
        "y": 44,
        "w": 1280,
        "h": 6698.765625
      },
      "heading": "Meet the night shift.",
      "buttonCount": 35,
      "cardCount": 35,
      "className": "layout_main__LAl4b layout_withoutPadding__qQ631"
    },
    {
      "role": "nav",
      "tag": "header",
      "bounds": {
        "x": 160,
        "y": 100,
        "w": 960,
        "h": 256.1875
      },
      "heading": "Meet the night shift.",
      "buttonCount": 2,
      "cardCount": 0,
      "className": "flex flex-col items-stretch justify-start flex-nowrap inline-full gap-24 md:gap-28 HomepageHeroAgents_headerContainer__guuzB"
    },
    {
      "role": "content",
      "tag": "section",
      "bounds": {
        "x": 92.796875,
        "y": 1256.9375,
        "w": 1094.40625,
        "h": 585.453125
      },
      "heading": "Keep work moving 24/7.",
      "buttonCount": 10,
      "cardCount": 6,
      "className": "homepageBentoCarousel_root__XEVDN"
    },
    {
      "role": "hero",
      "tag": "section",
      "bounds": {
        "x": 92.796875,
        "y": 1344.9375,
        "w": 1094.40625,
        "h": 497.453125
      },
      "heading": "Automate repetitive work for your team.",
      "buttonCount": 10,
      "cardCount": 6,
      "className": "bentoCarousel_bentoCarousel__QXKNe"
    },
    {
      "role": "nav",
      "tag": "header",
      "bounds": {
        "x": 116.796875,
        "y": 1368.9375,
        "w": 383.125,
        "h": 124
      },
      "heading": "Automate repetitive work for your team.",
      "buttonCount": 0,
      "cardCount": 0,
      "className": "bento_bentoHeader__v_SR2"
    },
    {
      "role": "content",
      "tag": "section",
      "bounds": {
        "x": 92.796875,
        "y": 1874.390625,
        "w": 1094.40625,
        "h": 182
      },
      "heading": "See what Custom Agents can do",
      "buttonCount": 0,
      "cardCount": 22,
      "className": null
    },
    {
      "role": "content",
      "tag": "section",
      "bounds": {
        "x": 92.796875,
        "y": 2136.390625,
        "w": 1094.40625,
        "h": 946.96875
      },
      "heading": "Ask your on-demand assistants.",
      "buttonCount": 0,
      "cardCount": 3,
      "className": "bentos_bentoSection__5jULI"
    },
    {
      "role": "nav",
      "tag": "header",
      "bounds": {
        "x": 92.796875,
        "y": 2224.390625,
        "w": 443.234375,
        "h": 325.578125
      },
      "heading": "You assign the tasks. Notion Agent does the work.",
      "buttonCount": 0,
      "cardCount": 0,
      "className": "bento_bentoHeader__v_SR2"
    },
    {
      "role": "nav",
      "tag": "header",
      "bounds": {
        "x": 92.796875,
        "y": 2573.96875,
        "w": 535.203125,
        "h": 108
      },
      "heading": "One search for everything.",
      "buttonCount": 0,
      "cardCount": 0,
      "className": "bento_bentoHeader__v_SR2"
    },
    {
      "role": "nav",
      "tag": "header",
      "bounds": {
        "x": 652,
        "y": 2573.96875,
        "w": 535.203125,
        "h": 108
      },
      "heading": "Perfect notes, every time.",
      "buttonCount": 0,
      "cardCount": 0,
      "className": "bento_bentoHeader__v_SR2"
    },
    {
      "role": "content",
      "tag": "section",
      "bounds": {
        "x": 92.796875,
        "y": 3163.359375,
        "w": 1094.40625,
        "h": 946.96875
      },
      "heading": "Bring all your work together.",
      "buttonCount": 0,
      "cardCount": 3,
      "className": "bentos_bentoSection__5jULI"
    },
    {
      "role": "nav",
      "tag": "header",
      "bounds": {
        "x": 92.796875,
        "y": 3251.359375,
        "w": 535.203125,
        "h": 108
      },
      "heading": "Simple and powerful.",
      "buttonCount": 0,
      "cardCount": 0,
      "className": "bento_bentoHeader__v_SR2"
    },
    {
      "role": "nav",
      "tag": "header",
      "bounds": {
        "x": 652,
        "y": 3251.359375,
        "w": 535.203125,
        "h": 108
      },
      "heading": "One source of truth for teams and agents.",
      "buttonCount": 0,
      "cardCount": 0,
      "className": "bento_bentoHeader__v_SR2"
    },
    {
      "role": "nav",
      "tag": "header",
      "bounds": {
        "x": 92.796875,
        "y": 3784.75,
        "w": 443.234375,
        "h": 325.578125
      },
      "heading": "Less tracking. More progress.",
      "buttonCount": 0,
      "cardCount": 0,
      "className": "bento_bentoHeader__v_SR2"
    },
    {
      "role": "hero",
      "tag": "section",
      "bounds": {
        "x": 92.796875,
        "y": 5094.328125,
        "w": 1094.40625,
        "h": 759.96875
      },
      "heading": "Trusted by teams that ship.",
      "buttonCount": 2,
      "cardCount": 0,
      "className": null
    },
    {
      "role": "nav",
      "tag": "header",
      "bounds": {
        "x": 0,
        "y": 0,
        "w": 0,
        "h": 0
      },
      "heading": null,
      "buttonCount": 1,
      "cardCount": 0,
      "className": "dialog_header__CA_5o dialog_empty__DgpVz"
    },
    {
      "role": "pricing",
      "tag": "section",
      "bounds": {
        "x": 92.796875,
        "y": 5982.296875,
        "w": 1094.40625,
        "h": 696.46875
      },
      "heading": "Try for free.",
      "buttonCount": 3,
      "cardCount": 0,
      "className": null
    },
    {
      "role": "footer",
      "tag": "footer",
      "bounds": {
        "x": 0,
        "y": 6742.765625,
        "w": 1280,
        "h": 416
      },
      "heading": null,
      "buttonCount": 3,
      "cardCount": 60,
      "className": "surface surfaceBase surface_surfaceBase__UD3lo footer_footerOuter__kubGm footer_hideSeparator__dapn6"
    },
    {
      "role": "nav",
      "tag": "nav",
      "bounds": {
        "x": 0,
        "y": 6742.765625,
        "w": 1280,
        "h": 416
      },
      "heading": null,
      "buttonCount": 3,
      "cardCount": 60,
      "className": "footer_footerInner__MQQSo"
    }
  ],
  "componentClusters": [
    {
      "kind": "button",
      "structuralHash": "button>span>span",
      "instanceCount": 6,
      "variants": [
        {
          "css": {
            "background": "rgba(0, 0, 0, 0)",
            "color": "rgb(163, 158, 152)",
            "padding": "12px 12px 12px 12px",
            "borderRadius": "0px",
            "border": "0px none rgb(163, 158, 152)",
            "fontSize": "20px",
            "fontWeight": "400"
          },
          "instanceCount": 6
        }
      ]
    },
    {
      "kind": "button",
      "structuralHash": "a>span",
      "instanceCount": 1,
      "variants": [
        {
          "css": {
            "background": "rgb(69, 93, 211)",
            "color": "rgb(255, 255, 255)",
            "padding": "4px 14px 4px 14px",
            "borderRadius": "8px",
            "border": "1px solid rgba(255, 255, 255, 0)",
            "fontSize": "16px",
            "fontWeight": "500"
          },
          "instanceCount": 1
        }
      ]
    },
    {
      "kind": "button",
      "structuralHash": "a",
      "instanceCount": 4,
      "variants": [
        {
          "css": {
            "background": "rgb(69, 93, 211)",
            "color": "rgb(255, 255, 255)",
            "padding": "6px 15px 6px 15px",
            "borderRadius": "8px",
            "border": "1px solid rgba(255, 255, 255, 0)",
            "fontSize": "16px",
            "fontWeight": "500"
          },
          "instanceCount": 2
        },
        {
          "css": {
            "background": "rgb(255, 255, 255)",
            "color": "rgba(0, 0, 0, 0.95)",
            "padding": "4px 14px 4px 14px",
            "borderRadius": "8px",
            "border": "1px solid rgba(0, 0, 0, 0.1)",
            "fontSize": "16px",
            "fontWeight": "500"
          },
          "instanceCount": 2
        }
      ]
    },
    {
      "kind": "button",
      "structuralHash": "a>img",
      "instanceCount": 9,
      "variants": [
        {
          "css": {
            "background": "rgba(255, 255, 255, 0)",
            "color": "rgb(255, 255, 255)",
            "padding": "6px 15px 6px 15px",
            "borderRadius": "8px",
            "border": "1px solid rgba(255, 255, 255, 0)",
            "fontSize": "16px",
            "fontWeight": "500"
          },
          "instanceCount": 9
        }
      ]
    },
    {
      "kind": "button",
      "structuralHash": "span>img",
      "instanceCount": 8,
      "variants": [
        {
          "css": {
            "background": "rgba(255, 255, 255, 0)",
            "color": "rgb(246, 245, 244)",
            "padding": "6px 15px 6px 15px",
            "borderRadius": "8px",
            "border": "1px solid rgba(255, 255, 255, 0)",
            "fontSize": "16px",
            "fontWeight": "500"
          },
          "instanceCount": 8
        }
      ]
    },
    {
      "kind": "button",
      "structuralHash": "button>span>span>p",
      "instanceCount": 4,
      "variants": [
        {
          "css": {
            "background": "rgba(0, 0, 0, 0)",
            "color": "rgba(0, 0, 0, 0.95)",
            "padding": "12px 16px 12px 16px",
            "borderRadius": "8px",
            "border": "0px none rgba(0, 0, 0, 0.95)",
            "fontSize": "16px",
            "fontWeight": "400"
          },
          "instanceCount": 4
        }
      ]
    },
    {
      "kind": "button",
      "structuralHash": "button>svg",
      "instanceCount": 1,
      "variants": [
        {
          "css": {
            "background": "rgb(255, 255, 255)",
            "color": "rgba(0, 0, 0, 0.95)",
            "padding": "0px 0px 0px 0px",
            "borderRadius": "9999px",
            "border": "0px none rgba(0, 0, 0, 0.95)",
            "fontSize": "20px",
            "fontWeight": "400"
          },
          "instanceCount": 1
        }
      ]
    },
    {
      "kind": "button",
      "structuralHash": "button>svg>svg",
      "instanceCount": 1,
      "variants": [
        {
          "css": {
            "background": "rgba(0, 0, 0, 0.1)",
            "color": "rgba(0, 0, 0, 0.95)",
            "padding": "0px 0px 0px 0px",
            "borderRadius": "9999px",
            "border": "0px none rgba(0, 0, 0, 0.95)",
            "fontSize": "20px",
            "fontWeight": "400"
          },
          "instanceCount": 1
        }
      ]
    },
    {
      "kind": "card",
      "structuralHash": "div>a>span>h3",
      "instanceCount": 4,
      "variants": [
        {
          "css": {
            "background": "rgb(255, 255, 255)",
            "color": "rgba(0, 0, 0, 0.9)",
            "padding": "24px 24px 24px 24px",
            "borderRadius": "12px",
            "border": "1px solid rgba(0, 0, 0, 0.1)",
            "fontSize": "16px",
            "fontWeight": "400"
          },
          "instanceCount": 4
        }
      ]
    },
    {
      "kind": "link",
      "structuralHash": "a",
      "instanceCount": 5,
      "variants": [
        {
          "css": {
            "background": "rgba(0, 0, 0, 0)",
            "color": "rgba(0, 0, 0, 0.95)",
            "padding": "0px 0px 0px 0px",
            "borderRadius": "0px",
            "border": "0px none rgba(0, 0, 0, 0.95)",
            "fontSize": "16px",
            "fontWeight": "400"
          },
          "instanceCount": 5
        }
      ]
    },
    {
      "kind": "card",
      "structuralHash": "h3>span",
      "instanceCount": 5,
      "variants": [
        {
          "css": {
            "background": "rgba(0, 0, 0, 0)",
            "color": "rgb(0, 0, 0)",
            "padding": "0px 0px 0px 0px",
            "borderRadius": "0px",
            "border": "0px none rgb(0, 0, 0)",
            "fontSize": "16px",
            "fontWeight": "700"
          },
          "instanceCount": 4
        },
        {
          "css": {
            "background": "rgba(0, 0, 0, 0)",
            "color": "rgb(255, 255, 255)",
            "padding": "0px 0px 0px 0px",
            "borderRadius": "0px",
            "border": "0px none rgb(255, 255, 255)",
            "fontSize": "16px",
            "fontWeight": "700"
          },
          "instanceCount": 1
        }
      ]
    },
    {
      "kind": "card",
      "structuralHash": "span",
      "instanceCount": 5,
      "variants": [
        {
          "css": {
            "background": "rgba(0, 0, 0, 0)",
            "color": "rgb(0, 0, 0)",
            "padding": "0px 0px 0px 0px",
            "borderRadius": "0px",
            "border": "0px none rgb(0, 0, 0)",
            "fontSize": "16px",
            "fontWeight": "700"
          },
          "instanceCount": 4
        },
        {
          "css": {
            "background": "rgba(0, 0, 0, 0)",
            "color": "rgb(255, 255, 255)",
            "padding": "0px 0px 0px 0px",
            "borderRadius": "0px",
            "border": "0px none rgb(255, 255, 255)",
            "fontSize": "16px",
            "fontWeight": "700"
          },
          "instanceCount": 1
        }
      ]
    },
    {
      "kind": "card",
      "structuralHash": "div>a>div",
      "instanceCount": 1,
      "variants": [
        {
          "css": {
            "background": "rgb(2, 9, 58)",
            "color": "rgba(0, 0, 0, 0.9)",
            "padding": "24px 24px 24px 24px",
            "borderRadius": "12px",
            "border": "1px solid rgba(0, 0, 0, 0.1)",
            "fontSize": "16px",
            "fontWeight": "400"
          },
          "instanceCount": 1
        }
      ]
    },
    {
      "kind": "button",
      "structuralHash": "button>span>img>div",
      "instanceCount": 1,
      "variants": [
        {
          "css": {
            "background": "rgba(0, 0, 0, 0)",
            "color": "rgba(0, 0, 0, 0.9)",
            "padding": "0px 0px 0px 0px",
            "borderRadius": "12px",
            "border": "0px none rgba(0, 0, 0, 0.9)",
            "fontSize": "16px",
            "fontWeight": "400"
          },
          "instanceCount": 1
        }
      ]
    },
    {
      "kind": "button",
      "structuralHash": "a>svg",
      "instanceCount": 1,
      "variants": [
        {
          "css": {
            "background": "rgb(0, 117, 222)",
            "color": "rgb(255, 255, 255)",
            "padding": "4px 14px 4px 14px",
            "borderRadius": "8px",
            "border": "1px solid rgba(255, 255, 255, 0)",
            "fontSize": "16px",
            "fontWeight": "500"
          },
          "instanceCount": 1
        }
      ]
    },
    {
      "kind": "button",
      "structuralHash": "button>span",
      "instanceCount": 2,
      "variants": [
        {
          "css": {
            "background": "rgb(255, 255, 255)",
            "color": "rgba(0, 0, 0, 0.95)",
            "padding": "4px 14px 4px 14px",
            "borderRadius": "8px",
            "border": "1px solid rgba(0, 0, 0, 0.1)",
            "fontSize": "16px",
            "fontWeight": "500"
          },
          "instanceCount": 1
        },
        {
          "css": {
            "background": "rgba(0, 0, 0, 0)",
            "color": "rgba(0, 0, 0, 0.54)",
            "padding": "0px 0px 0px 0px",
            "borderRadius": "0px",
            "border": "0px none rgba(0, 0, 0, 0.54)",
            "fontSize": "14px",
            "fontWeight": "400"
          },
          "instanceCount": 1
        }
      ]
    },
    {
      "kind": "button",
      "structuralHash": "span>span>span>span",
      "instanceCount": 1,
      "variants": [
        {
          "css": {
            "background": "rgba(0, 0, 0, 0)",
            "color": "rgba(0, 0, 0, 0.95)",
            "padding": "0px 0px 0px 0px",
            "borderRadius": "0px",
            "border": "0px none rgba(0, 0, 0, 0.95)",
            "fontSize": "16px",
            "fontWeight": "500"
          },
          "instanceCount": 1
        }
      ]
    }
  ],
  "accessibility": {
    "remediation": [
      {
        "fg": "#ffffff",
        "bg": "#097fe8",
        "ratio": 4.03,
        "rule": "AA-normal",
        "suggestion": {
          "replace": "fg",
          "color": "#000000",
          "newRatio": 5.21
        }
      }
    ]
  },
  "cssHealth": {
    "sheets": [
      {
        "url": "https://www.notion.com/",
        "totalBytes": 25,
        "usedBytes": 25,
        "unusedBytes": 0,
        "unusedPercent": 0
      },
      {
        "url": "https://www.notion.com/_next/static/css/c611ecdb99aeff37.css",
        "totalBytes": 74188,
        "usedBytes": 51897,
        "unusedBytes": 22291,
        "unusedPercent": 30
      },
      {
        "url": "https://www.notion.com/_next/static/css/cb8df83067fd132e.css",
        "totalBytes": 93173,
        "usedBytes": 47952,
        "unusedBytes": 45221,
        "unusedPercent": 49
      },
      {
        "url": "https://www.notion.com/_next/static/css/4f890ddfce86d14f.css",
        "totalBytes": 62938,
        "usedBytes": 354,
        "unusedBytes": 62584,
        "unusedPercent": 99
      },
      {
        "url": "https://www.notion.com/_next/static/css/607bc033c265bcf2.css",
        "totalBytes": 38007,
        "usedBytes": 2256,
        "unusedBytes": 35751,
        "unusedPercent": 94
      },
      {
        "url": "https://www.notion.com/_next/static/css/754422e18a4d00b9.css",
        "totalBytes": 69437,
        "usedBytes": 11836,
        "unusedBytes": 57601,
        "unusedPercent": 83
      },
      {
        "url": "https://www.notion.com/_next/static/css/146ea106d63ef148.css",
        "totalBytes": 160082,
        "usedBytes": 160075,
        "unusedBytes": 7,
        "unusedPercent": 0
      },
      {
        "url": "https://www.notion.com/_next/static/css/1ebf448456e344ba.css",
        "totalBytes": 6514,
        "usedBytes": 4547,
        "unusedBytes": 1967,
        "unusedPercent": 30
      },
      {
        "url": "https://www.notion.com/_next/static/css/06f8360f8190e810.css",
        "totalBytes": 265470,
        "usedBytes": 220096,
        "unusedBytes": 45374,
        "unusedPercent": 17
      },
      {
        "url": "https://www.notion.com/_next/static/css/c430f27c2007d134.css",
        "totalBytes": 23083,
        "usedBytes": 22056,
        "unusedBytes": 1027,
        "unusedPercent": 4
      },
      {
        "url": "https://www.notion.com/_next/static/css/009db914bd4af287.css",
        "totalBytes": 7033,
        "usedBytes": 7026,
        "unusedBytes": 7,
        "unusedPercent": 0
      },
      {
        "url": "https://www.notion.com/_next/static/css/5c1cdc19a1374ab9.css",
        "totalBytes": 25494,
        "usedBytes": 25487,
        "unusedBytes": 7,
        "unusedPercent": 0
      },
      {
        "url": "https://www.notion.com/_next/static/css/b05dff5ac27c8241.css",
        "totalBytes": 51257,
        "usedBytes": 45644,
        "unusedBytes": 5613,
        "unusedPercent": 11
      },
      {
        "url": "https://www.notion.com/front-static/external/transcend/transcend.css?v=1.0.6",
        "totalBytes": 13319,
        "usedBytes": 440,
        "unusedBytes": 12879,
        "unusedPercent": 97
      },
      {
        "url": "https://accounts.google.com/gsi/style",
        "totalBytes": 696,
        "usedBytes": 0,
        "unusedBytes": 696,
        "unusedPercent": 100
      }
    ],
    "totalBytes": 890716,
    "usedBytes": 599691,
    "unusedBytes": 291025,
    "unusedPercent": 33,
    "importantCount": 9,
    "duplicates": 8256,
    "vendorPrefixes": {
      "webkit": 134,
      "moz": 19,
      "ms": 2,
      "o": 0
    },
    "keyframes": [],
    "specificity": {
      "max": [
        1,
        7,
        20
      ],
      "average": [
        0,
        1.59,
        0.09
      ],
      "count": 4486
    },
    "issues": [
      "9 !important rules",
      "8256 duplicate declarations"
    ]
  }
}