{
  "colors": {
    "all": [
      {
        "hex": "#000000",
        "rgb": {
          "r": 0,
          "g": 0,
          "b": 0,
          "a": 1
        },
        "hsl": {
          "h": 0,
          "s": 0,
          "l": 0
        },
        "count": 1444,
        "contexts": [
          "text",
          "border",
          "background"
        ]
      },
      {
        "hex": "#1d1d1f",
        "rgb": {
          "r": 29,
          "g": 29,
          "b": 31,
          "a": 1
        },
        "hsl": {
          "h": 240,
          "s": 3,
          "l": 12
        },
        "count": 1134,
        "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": "#333336",
        "rgb": {
          "r": 51,
          "g": 51,
          "b": 54,
          "a": 1
        },
        "hsl": {
          "h": 240,
          "s": 3,
          "l": 21
        },
        "count": 479,
        "contexts": [
          "background",
          "text",
          "border"
        ]
      },
      {
        "hex": "#f5f5f7",
        "rgb": {
          "r": 245,
          "g": 245,
          "b": 247,
          "a": 1
        },
        "hsl": {
          "h": 240,
          "s": 11,
          "l": 96
        },
        "count": 98,
        "contexts": [
          "background",
          "text",
          "border"
        ]
      },
      {
        "hex": "#0066cc",
        "rgb": {
          "r": 0,
          "g": 102,
          "b": 204,
          "a": 1
        },
        "hsl": {
          "h": 210,
          "s": 100,
          "l": 40
        },
        "count": 70,
        "contexts": [
          "text",
          "border"
        ]
      },
      {
        "hex": "#6e6e73",
        "rgb": {
          "r": 110,
          "g": 110,
          "b": 115,
          "a": 1
        },
        "hsl": {
          "h": 240,
          "s": 2,
          "l": 44
        },
        "count": 64,
        "contexts": [
          "text",
          "border"
        ]
      },
      {
        "hex": "#fafafc",
        "rgb": {
          "r": 250,
          "g": 250,
          "b": 252,
          "a": 1
        },
        "hsl": {
          "h": 240,
          "s": 25,
          "l": 98
        },
        "count": 41,
        "contexts": [
          "background",
          "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": "#e8e8ed",
        "rgb": {
          "r": 232,
          "g": 232,
          "b": 237,
          "a": 0.4
        },
        "hsl": {
          "h": 240,
          "s": 12,
          "l": 92
        },
        "count": 1,
        "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": "#140a12",
        "rgb": {
          "r": 20,
          "g": 10,
          "b": 18,
          "a": 1
        },
        "hsl": {
          "h": 312,
          "s": 33,
          "l": 6
        },
        "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": "#1246c4",
        "rgb": {
          "r": 18,
          "g": 70,
          "b": 196,
          "a": 1
        },
        "hsl": {
          "h": 222,
          "s": 83,
          "l": 42
        },
        "count": 1,
        "contexts": [
          "background"
        ]
      },
      {
        "hex": "#443c2a",
        "rgb": {
          "r": 68,
          "g": 60,
          "b": 42,
          "a": 1
        },
        "hsl": {
          "h": 42,
          "s": 24,
          "l": 22
        },
        "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": "#3e4fca",
        "rgb": {
          "r": 62,
          "g": 79,
          "b": 202,
          "a": 1
        },
        "hsl": {
          "h": 233,
          "s": 57,
          "l": 52
        },
        "count": 1,
        "contexts": [
          "background"
        ]
      },
      {
        "hex": "#5d4a32",
        "rgb": {
          "r": 93,
          "g": 74,
          "b": 50,
          "a": 1
        },
        "hsl": {
          "h": 33,
          "s": 30,
          "l": 28
        },
        "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": "MacBook Air",
      "buttonCount": 35,
      "cardCount": 30,
      "className": "main"
    },
    {
      "role": "hero",
      "tag": "section",
      "bounds": {
        "x": 0,
        "y": 114,
        "w": 1280,
        "h": 2100
      },
      "heading": "MacBook Air",
      "buttonCount": 6,
      "cardCount": 0,
      "className": "section section-hero"
    },
    {
      "role": "content",
      "tag": "section",
      "bounds": {
        "x": 0,
        "y": 2226,
        "w": 1280,
        "h": 1764
      },
      "heading": "Apple for College",
      "buttonCount": 10,
      "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": 970.0625
      },
      "heading": "Apple Footer",
      "buttonCount": 11,
      "cardCount": 75,
      "className": "js"
    },
    {
      "role": "testimonials",
      "tag": "section",
      "bounds": {
        "x": 150,
        "y": 4959,
        "w": 980,
        "h": 384.15625
      },
      "heading": null,
      "buttonCount": 0,
      "cardCount": 7,
      "className": "ac-gf-sosumi"
    },
    {
      "role": "nav",
      "tag": "nav",
      "bounds": {
        "x": 150,
        "y": 5343.15625,
        "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": 5803.0625,
        "w": 980,
        "h": 126
      },
      "heading": null,
      "buttonCount": 0,
      "cardCount": 5,
      "className": "ac-gf-footer"
    }
  ],
  "componentClusters": [
    {
      "kind": "button",
      "structuralHash": "a",
      "instanceCount": 17,
      "variants": [
        {
          "css": {
            "background": "rgb(29, 29, 31)",
            "color": "rgb(255, 255, 255)",
            "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": 7
        }
      ]
    },
    {
      "kind": "button",
      "structuralHash": "button>svg",
      "instanceCount": 1,
      "variants": [
        {
          "css": {
            "background": "rgba(0, 0, 0, 0)",
            "color": "rgba(0, 0, 0, 0.8)",
            "padding": "0px 0px 0px 0px",
            "borderRadius": "0px",
            "border": "0px none rgba(0, 0, 0, 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(0, 0, 0, 0.8)",
            "padding": "0px 0px 0px 0px",
            "borderRadius": "0px",
            "border": "0px none rgba(0, 0, 0, 0.8)",
            "fontSize": "17px",
            "fontWeight": "400"
          },
          "instanceCount": 13
        }
      ]
    },
    {
      "kind": "button",
      "structuralHash": "span>svg",
      "instanceCount": 11,
      "variants": [
        {
          "css": {
            "background": "rgba(0, 0, 0, 0)",
            "color": "rgba(0, 0, 0, 0.8)",
            "padding": "0px 0px 0px 0px",
            "borderRadius": "0px",
            "border": "0px none rgba(0, 0, 0, 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(0, 0, 0, 0.8)",
            "padding": "0px 8px 0px 8px",
            "borderRadius": "0px",
            "border": "0px none rgba(0, 0, 0, 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(0, 0, 0, 0.8)",
            "padding": "0px 8px 0px 8px",
            "borderRadius": "0px",
            "border": "0px none rgba(0, 0, 0, 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
        }
      ]
    },
    {
      "kind": "card",
      "structuralHash": "span>p>p>p",
      "instanceCount": 1,
      "variants": [
        {
          "css": {
            "background": "rgba(0, 0, 0, 0)",
            "color": "rgba(0, 0, 0, 0.56)",
            "padding": "0px 0px 0px 0px",
            "borderRadius": "0px",
            "border": "0px none rgba(0, 0, 0, 0.56)",
            "fontSize": "12px",
            "fontWeight": "400"
          },
          "instanceCount": 1
        }
      ]
    },
    {
      "kind": "card",
      "structuralHash": "span>a",
      "instanceCount": 1,
      "variants": [
        {
          "css": {
            "background": "rgba(0, 0, 0, 0)",
            "color": "rgba(0, 0, 0, 0.56)",
            "padding": "0px 0px 0px 0px",
            "borderRadius": "0px",
            "border": "0px none rgba(0, 0, 0, 0.56)",
            "fontSize": "12px",
            "fontWeight": "400"
          },
          "instanceCount": 1
        }
      ]
    }
  ],
  "accessibility": {
    "remediation": []
  },
  "cssHealth": {
    "sheets": [
      {
        "url": "https://www.apple.com/v/home/a/styles/home.built.css",
        "totalBytes": 31733,
        "usedBytes": 5576,
        "unusedBytes": 26157,
        "unusedPercent": 82
      },
      {
        "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/ac/localnav/9/styles/ac-localnav.built.css",
        "totalBytes": 82381,
        "usedBytes": 628,
        "unusedBytes": 81753,
        "unusedPercent": 99
      },
      {
        "url": "https://www.apple.com/api-www/global-elements/global-header/v1/assets/globalheader.css",
        "totalBytes": 170263,
        "usedBytes": 19708,
        "unusedBytes": 150555,
        "unusedPercent": 88
      },
      {
        "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/home/built/styles/home_dwch8xh4.built.css",
        "totalBytes": 3293,
        "usedBytes": 797,
        "unusedBytes": 2496,
        "unusedPercent": 76
      },
      {
        "url": "https://www.apple.com/v/home/a/styles/main.built.css",
        "totalBytes": 126454,
        "usedBytes": 9052,
        "unusedBytes": 117402,
        "unusedPercent": 93
      },
      {
        "url": "https://www.apple.com/",
        "totalBytes": 28,
        "usedBytes": 0,
        "unusedBytes": 28,
        "unusedPercent": 100
      },
      {
        "url": "https://www.apple.com/v/home/a/built/styles/home-gallery.built.css",
        "totalBytes": 174909,
        "usedBytes": 29336,
        "unusedBytes": 145573,
        "unusedPercent": 83
      },
      {
        "url": "https://www.apple.com/ac/localeswitcher/4/en_AE/styles/localeswitcher.built.css",
        "totalBytes": 39687,
        "usedBytes": 11304,
        "unusedBytes": 28383,
        "unusedPercent": 72
      }
    ],
    "totalBytes": 706986,
    "usedBytes": 85192,
    "unusedBytes": 621794,
    "unusedPercent": 88,
    "importantCount": 26,
    "duplicates": 7465,
    "vendorPrefixes": {
      "webkit": 178,
      "moz": 14,
      "ms": 15,
      "o": 2
    },
    "keyframes": [],
    "specificity": {
      "max": [
        3,
        7,
        2
      ],
      "average": [
        0.41,
        1.87,
        0.18
      ],
      "count": 5821
    },
    "issues": [
      "26 !important rules",
      "7465 duplicate declarations",
      "88% unused CSS"
    ]
  }
}