{
  "colors": {
    "all": [
      {
        "hex": "#1d1d1f",
        "rgb": {
          "r": 29,
          "g": 29,
          "b": 31,
          "a": 1
        },
        "hsl": {
          "h": 240,
          "s": 3,
          "l": 12
        },
        "count": 1153,
        "contexts": [
          "text",
          "border",
          "background"
        ]
      },
      {
        "hex": "#000000",
        "rgb": {
          "r": 0,
          "g": 0,
          "b": 0,
          "a": 1
        },
        "hsl": {
          "h": 0,
          "s": 0,
          "l": 0
        },
        "count": 999,
        "contexts": [
          "text",
          "border",
          "background"
        ]
      },
      {
        "hex": "#2997ff",
        "rgb": {
          "r": 41,
          "g": 151,
          "b": 255,
          "a": 1
        },
        "hsl": {
          "h": 209,
          "s": 100,
          "l": 58
        },
        "count": 526,
        "contexts": [
          "text",
          "border"
        ]
      },
      {
        "hex": "#e8e8ed",
        "rgb": {
          "r": 232,
          "g": 232,
          "b": 237,
          "a": 1
        },
        "hsl": {
          "h": 240,
          "s": 12,
          "l": 92
        },
        "count": 478,
        "contexts": [
          "text",
          "border"
        ]
      },
      {
        "hex": "#ffffff",
        "rgb": {
          "r": 255,
          "g": 255,
          "b": 255,
          "a": 1
        },
        "hsl": {
          "h": 0,
          "s": 0,
          "l": 100
        },
        "count": 472,
        "contexts": [
          "background",
          "text",
          "border"
        ]
      },
      {
        "hex": "#f5f5f7",
        "rgb": {
          "r": 245,
          "g": 245,
          "b": 247,
          "a": 1
        },
        "hsl": {
          "h": 240,
          "s": 11,
          "l": 96
        },
        "count": 96,
        "contexts": [
          "background",
          "text",
          "border"
        ]
      },
      {
        "hex": "#86868b",
        "rgb": {
          "r": 134,
          "g": 134,
          "b": 139,
          "a": 1
        },
        "hsl": {
          "h": 240,
          "s": 2,
          "l": 54
        },
        "count": 64,
        "contexts": [
          "text",
          "border"
        ]
      },
      {
        "hex": "#0066cc",
        "rgb": {
          "r": 0,
          "g": 102,
          "b": 204,
          "a": 1
        },
        "hsl": {
          "h": 210,
          "s": 100,
          "l": 40
        },
        "count": 64,
        "contexts": [
          "text",
          "border"
        ]
      },
      {
        "hex": "#0071e3",
        "rgb": {
          "r": 0,
          "g": 113,
          "b": 227,
          "a": 1
        },
        "hsl": {
          "h": 210,
          "s": 100,
          "l": 45
        },
        "count": 9,
        "contexts": [
          "background"
        ]
      },
      {
        "hex": "#6e6e73",
        "rgb": {
          "r": 110,
          "g": 110,
          "b": 115,
          "a": 1
        },
        "hsl": {
          "h": 240,
          "s": 2,
          "l": 44
        },
        "count": 4,
        "contexts": [
          "text",
          "border"
        ]
      },
      {
        "hex": "#333336",
        "rgb": {
          "r": 51,
          "g": 51,
          "b": 54,
          "a": 1
        },
        "hsl": {
          "h": 240,
          "s": 3,
          "l": 21
        },
        "count": 2,
        "contexts": [
          "background"
        ]
      },
      {
        "hex": "#d2d2d7",
        "rgb": {
          "r": 210,
          "g": 210,
          "b": 215,
          "a": 0.64
        },
        "hsl": {
          "h": 240,
          "s": 6,
          "l": 83
        },
        "count": 1,
        "contexts": [
          "background"
        ]
      },
      {
        "hex": "#271a11",
        "rgb": {
          "r": 39,
          "g": 26,
          "b": 17,
          "a": 1
        },
        "hsl": {
          "h": 25,
          "s": 39,
          "l": 11
        },
        "count": 1,
        "contexts": [
          "background"
        ]
      },
      {
        "hex": "#ea33c0",
        "rgb": {
          "r": 234,
          "g": 51,
          "b": 192,
          "a": 1
        },
        "hsl": {
          "h": 314,
          "s": 81,
          "l": 56
        },
        "count": 1,
        "contexts": [
          "background"
        ]
      },
      {
        "hex": "#9fc6f4",
        "rgb": {
          "r": 159,
          "g": 198,
          "b": 244,
          "a": 1
        },
        "hsl": {
          "h": 212,
          "s": 79,
          "l": 79
        },
        "count": 1,
        "contexts": [
          "background"
        ]
      },
      {
        "hex": "#41626a",
        "rgb": {
          "r": 65,
          "g": 98,
          "b": 106,
          "a": 1
        },
        "hsl": {
          "h": 192,
          "s": 24,
          "l": 34
        },
        "count": 1,
        "contexts": [
          "background"
        ]
      },
      {
        "hex": "#3397d4",
        "rgb": {
          "r": 51,
          "g": 151,
          "b": 212,
          "a": 1
        },
        "hsl": {
          "h": 203,
          "s": 65,
          "l": 52
        },
        "count": 1,
        "contexts": [
          "background"
        ]
      },
      {
        "hex": "#371410",
        "rgb": {
          "r": 55,
          "g": 20,
          "b": 16,
          "a": 1
        },
        "hsl": {
          "h": 6,
          "s": 55,
          "l": 14
        },
        "count": 1,
        "contexts": [
          "background"
        ]
      }
    ]
  },
  "regions": [
    {
      "role": "sidebar",
      "tag": "aside",
      "bounds": {
        "x": 0,
        "y": 0,
        "w": 1280,
        "h": 70
      },
      "heading": null,
      "buttonCount": 2,
      "cardCount": 6,
      "className": null
    },
    {
      "role": "sidebar",
      "tag": "aside",
      "bounds": {
        "x": 0,
        "y": 0,
        "w": 0,
        "h": 0
      },
      "heading": null,
      "buttonCount": 0,
      "cardCount": 0,
      "className": "globalmessage-segment"
    },
    {
      "role": "nav",
      "tag": "nav",
      "bounds": {
        "x": 0,
        "y": 70,
        "w": 1280,
        "h": 44
      },
      "heading": null,
      "buttonCount": 39,
      "cardCount": 236,
      "className": "globalnav js"
    },
    {
      "role": "content",
      "tag": "main",
      "bounds": {
        "x": 0,
        "y": 0,
        "w": 1280,
        "h": 4959
      },
      "heading": "Accessibility",
      "buttonCount": 32,
      "cardCount": 30,
      "className": "main"
    },
    {
      "role": "hero",
      "tag": "section",
      "bounds": {
        "x": 0,
        "y": 114,
        "w": 1280,
        "h": 2100
      },
      "heading": "Accessibility",
      "buttonCount": 5,
      "cardCount": 0,
      "className": "section section-hero"
    },
    {
      "role": "content",
      "tag": "section",
      "bounds": {
        "x": 0,
        "y": 2226,
        "w": 1280,
        "h": 1764
      },
      "heading": "WWDC 26",
      "buttonCount": 8,
      "cardCount": 0,
      "className": "section section-promo"
    },
    {
      "role": "hero",
      "tag": "section",
      "bounds": {
        "x": 0,
        "y": 4002,
        "w": 1280,
        "h": 957
      },
      "heading": "Endless entertainment.",
      "buttonCount": 19,
      "cardCount": 30,
      "className": "section-endless-entertainment-gallery"
    },
    {
      "role": "footer",
      "tag": "footer",
      "bounds": {
        "x": 0,
        "y": 4959,
        "w": 1280,
        "h": 1395.65625
      },
      "heading": "Apple Footer",
      "buttonCount": 11,
      "cardCount": 72,
      "className": "js"
    },
    {
      "role": "content",
      "tag": "section",
      "bounds": {
        "x": 150,
        "y": 4959,
        "w": 980,
        "h": 809.75
      },
      "heading": null,
      "buttonCount": 0,
      "cardCount": 4,
      "className": "ac-gf-sosumi"
    },
    {
      "role": "nav",
      "tag": "nav",
      "bounds": {
        "x": 150,
        "y": 5768.75,
        "w": 980,
        "h": 459.90625
      },
      "heading": "Shop and Learn",
      "buttonCount": 11,
      "cardCount": 63,
      "className": "ac-gf-directory with-5-columns"
    },
    {
      "role": "content",
      "tag": "section",
      "bounds": {
        "x": 150,
        "y": 6228.65625,
        "w": 980,
        "h": 126
      },
      "heading": null,
      "buttonCount": 0,
      "cardCount": 5,
      "className": "ac-gf-footer"
    }
  ],
  "componentClusters": [
    {
      "kind": "button",
      "structuralHash": "a",
      "instanceCount": 14,
      "variants": [
        {
          "css": {
            "background": "rgb(245, 245, 247)",
            "color": "rgb(0, 0, 0)",
            "padding": "8px 15px 8px 15px",
            "borderRadius": "8px",
            "border": "1px solid rgba(0, 0, 0, 0)",
            "fontSize": "14px",
            "fontWeight": "400"
          },
          "instanceCount": 1
        },
        {
          "css": {
            "background": "rgb(0, 113, 227)",
            "color": "rgb(255, 255, 255)",
            "padding": "11px 21px 11px 21px",
            "borderRadius": "980px",
            "border": "1px solid rgba(0, 0, 0, 0)",
            "fontSize": "17px",
            "fontWeight": "400"
          },
          "instanceCount": 9
        },
        {
          "css": {
            "background": "rgba(0, 0, 0, 0)",
            "color": "rgb(0, 102, 204)",
            "padding": "11px 21px 11px 21px",
            "borderRadius": "980px",
            "border": "1px solid rgb(0, 102, 204)",
            "fontSize": "17px",
            "fontWeight": "400"
          },
          "instanceCount": 4
        }
      ]
    },
    {
      "kind": "button",
      "structuralHash": "button>svg",
      "instanceCount": 1,
      "variants": [
        {
          "css": {
            "background": "rgba(0, 0, 0, 0)",
            "color": "rgba(255, 255, 255, 0.8)",
            "padding": "0px 0px 0px 0px",
            "borderRadius": "0px",
            "border": "0px none rgba(255, 255, 255, 0.8)",
            "fontSize": "18px",
            "fontWeight": "300"
          },
          "instanceCount": 1
        }
      ]
    },
    {
      "kind": "button",
      "structuralHash": "button>span>span",
      "instanceCount": 13,
      "variants": [
        {
          "css": {
            "background": "rgba(0, 0, 0, 0)",
            "color": "rgba(255, 255, 255, 0.8)",
            "padding": "0px 0px 0px 0px",
            "borderRadius": "0px",
            "border": "0px none rgba(255, 255, 255, 0.8)",
            "fontSize": "17px",
            "fontWeight": "400"
          },
          "instanceCount": 11
        },
        {
          "css": {
            "background": "rgba(0, 0, 0, 0)",
            "color": "rgb(29, 29, 31)",
            "padding": "2px 0px 2px 0px",
            "borderRadius": "0px",
            "border": "0px none rgb(29, 29, 31)",
            "fontSize": "17px",
            "fontWeight": "400"
          },
          "instanceCount": 2
        }
      ]
    },
    {
      "kind": "button",
      "structuralHash": "span>svg",
      "instanceCount": 11,
      "variants": [
        {
          "css": {
            "background": "rgba(0, 0, 0, 0)",
            "color": "rgba(255, 255, 255, 0.8)",
            "padding": "0px 0px 0px 0px",
            "borderRadius": "0px",
            "border": "0px none rgba(255, 255, 255, 0.8)",
            "fontSize": "17px",
            "fontWeight": "400"
          },
          "instanceCount": 11
        }
      ]
    },
    {
      "kind": "button",
      "structuralHash": "a>span>span",
      "instanceCount": 1,
      "variants": [
        {
          "css": {
            "background": "rgba(0, 0, 0, 0)",
            "color": "rgba(255, 255, 255, 0.8)",
            "padding": "0px 8px 0px 8px",
            "borderRadius": "0px",
            "border": "0px none rgba(255, 255, 255, 0.8)",
            "fontSize": "12px",
            "fontWeight": "400"
          },
          "instanceCount": 1
        }
      ]
    },
    {
      "kind": "button",
      "structuralHash": "a>span>span>span",
      "instanceCount": 1,
      "variants": [
        {
          "css": {
            "background": "rgba(0, 0, 0, 0)",
            "color": "rgba(255, 255, 255, 0.8)",
            "padding": "0px 8px 0px 8px",
            "borderRadius": "0px",
            "border": "0px none rgba(255, 255, 255, 0.8)",
            "fontSize": "12px",
            "fontWeight": "400"
          },
          "instanceCount": 1
        }
      ]
    },
    {
      "kind": "button",
      "structuralHash": "button>span",
      "instanceCount": 1,
      "variants": [
        {
          "css": {
            "background": "rgba(210, 210, 215, 0.64)",
            "color": "rgba(0, 0, 0, 0.48)",
            "padding": "0px 0px 0px 0px",
            "borderRadius": "50%",
            "border": "0px none rgba(0, 0, 0, 0.48)",
            "fontSize": "17px",
            "fontWeight": "400"
          },
          "instanceCount": 1
        }
      ]
    },
    {
      "kind": "button",
      "structuralHash": "div",
      "instanceCount": 18,
      "variants": [
        {
          "css": {
            "background": "rgb(245, 245, 247)",
            "color": "rgb(0, 0, 0)",
            "padding": "11px 21px 11px 21px",
            "borderRadius": "980px",
            "border": "1px solid rgba(0, 0, 0, 0)",
            "fontSize": "17px",
            "fontWeight": "400"
          },
          "instanceCount": 18
        }
      ]
    }
  ],
  "accessibility": {
    "remediation": []
  },
  "cssHealth": {
    "sheets": [
      {
        "url": "https://www.apple.com/api-www/global-elements/global-header/v1/assets/globalheader.css",
        "totalBytes": 170263,
        "usedBytes": 22387,
        "unusedBytes": 147876,
        "unusedPercent": 87
      },
      {
        "url": "https://www.apple.com/",
        "totalBytes": 28,
        "usedBytes": 0,
        "unusedBytes": 28,
        "unusedPercent": 100
      },
      {
        "url": "https://www.apple.com/v/home/a/styles/main.built.css",
        "totalBytes": 126497,
        "usedBytes": 9044,
        "unusedBytes": 117453,
        "unusedPercent": 93
      },
      {
        "url": "https://www.apple.com/v/home/a/built/styles/home-gallery.built.css",
        "totalBytes": 174909,
        "usedBytes": 29100,
        "unusedBytes": 145809,
        "unusedPercent": 83
      },
      {
        "url": "https://www.apple.com/wss/fonts?families=SF+Pro,v3|SF+Pro+Icons,v3",
        "totalBytes": 22034,
        "usedBytes": 0,
        "unusedBytes": 22034,
        "unusedPercent": 100
      },
      {
        "url": "https://www.apple.com/ac/localnav/9/styles/ac-localnav.built.css",
        "totalBytes": 82381,
        "usedBytes": 628,
        "unusedBytes": 81753,
        "unusedPercent": 99
      },
      {
        "url": "https://www.apple.com/ac/globalfooter/8/en_US/styles/ac-globalfooter.built.css",
        "totalBytes": 56204,
        "usedBytes": 8791,
        "unusedBytes": 47413,
        "unusedPercent": 84
      },
      {
        "url": "https://www.apple.com/home/built/styles/home_xk3hw0mx.built.css",
        "totalBytes": 2790,
        "usedBytes": 667,
        "unusedBytes": 2123,
        "unusedPercent": 76
      },
      {
        "url": "https://www.apple.com/v/home/a/styles/home.built.css",
        "totalBytes": 31733,
        "usedBytes": 6302,
        "unusedBytes": 25431,
        "unusedPercent": 80
      },
      {
        "url": "https://www.apple.com/ac/localeswitcher/4/en_AE/styles/localeswitcher.built.css",
        "totalBytes": 39687,
        "usedBytes": 12964,
        "unusedBytes": 26723,
        "unusedPercent": 67
      }
    ],
    "totalBytes": 706526,
    "usedBytes": 89883,
    "unusedBytes": 616643,
    "unusedPercent": 87,
    "importantCount": 26,
    "duplicates": 7458,
    "vendorPrefixes": {
      "webkit": 178,
      "moz": 14,
      "ms": 15,
      "o": 2
    },
    "keyframes": [],
    "specificity": {
      "max": [
        3,
        7,
        2
      ],
      "average": [
        0.41,
        1.87,
        0.18
      ],
      "count": 5820
    },
    "issues": [
      "26 !important rules",
      "7458 duplicate declarations",
      "87% unused CSS"
    ]
  }
}