github.com

// Auto-generated by designlang — component anatomy v2.
// Scaffolds. Wire into your token system; not a runtime library.

import * as React from 'react';

export interface ButtonProps {
  variant?: 'link' | 'secondary';
  size?: 'lg' | 'medium';
  leadingIcon?: React.ReactNode;
  children?: React.ReactNode;
}

export function Button({ variant = 'link', size = 'md', ...rest }: ButtonProps) {
  return React.createElement('button', { 'data-variant': variant, 'data-size': size, ...rest });
}

export interface OtherProps {
  variant?: 'default';
  size?: 'md';
  children?: React.ReactNode;
}

export function Other({ variant = 'default', size = 'md', ...rest }: OtherProps) {
  return React.createElement('button', { 'data-variant': variant, 'data-size': size, ...rest });
}

export interface InputProps {
  variant?: 'default';
  size?: 'md';
  children?: React.ReactNode;
}

export function Input({ variant = 'default', size = 'md', ...rest }: InputProps) {
  return React.createElement('input', { 'data-variant': variant, 'data-size': size, ...rest });
}

{
  "colors": {
    "all": [
      {
        "hex": "#ffffff",
        "rgb": {
          "r": 255,
          "g": 255,
          "b": 255,
          "a": 1
        },
        "hsl": {
          "h": 0,
          "s": 0,
          "l": 100
        },
        "count": 1752,
        "contexts": [
          "background",
          "text",
          "border"
        ]
      },
      {
        "hex": "#f0f6fc",
        "rgb": {
          "r": 240,
          "g": 246,
          "b": 252,
          "a": 1
        },
        "hsl": {
          "h": 210,
          "s": 67,
          "l": 96
        },
        "count": 650,
        "contexts": [
          "text",
          "border",
          "background"
        ]
      },
      {
        "hex": "#000000",
        "rgb": {
          "r": 0,
          "g": 0,
          "b": 0,
          "a": 1
        },
        "hsl": {
          "h": 0,
          "s": 0,
          "l": 0
        },
        "count": 360,
        "contexts": [
          "text",
          "border",
          "background"
        ]
      },
      {
        "hex": "#8dd6ff",
        "rgb": {
          "r": 141,
          "g": 214,
          "b": 255,
          "a": 1
        },
        "hsl": {
          "h": 202,
          "s": 100,
          "l": 78
        },
        "count": 262,
        "contexts": [
          "text",
          "border"
        ]
      },
      {
        "hex": "#9198a1",
        "rgb": {
          "r": 145,
          "g": 152,
          "b": 161,
          "a": 1
        },
        "hsl": {
          "h": 214,
          "s": 8,
          "l": 60
        },
        "count": 224,
        "contexts": [
          "text",
          "border"
        ]
      },
      {
        "hex": "#1f2328",
        "rgb": {
          "r": 31,
          "g": 35,
          "b": 40,
          "a": 1
        },
        "hsl": {
          "h": 213,
          "s": 13,
          "l": 14
        },
        "count": 218,
        "contexts": [
          "text",
          "border",
          "background"
        ]
      },
      {
        "hex": "#58635b",
        "rgb": {
          "r": 88,
          "g": 99,
          "b": 91,
          "a": 1
        },
        "hsl": {
          "h": 136,
          "s": 6,
          "l": 37
        },
        "count": 140,
        "contexts": [
          "text",
          "border"
        ]
      },
      {
        "hex": "#59636e",
        "rgb": {
          "r": 89,
          "g": 99,
          "b": 110,
          "a": 1
        },
        "hsl": {
          "h": 211,
          "s": 11,
          "l": 39
        },
        "count": 100,
        "contexts": [
          "text",
          "border"
        ]
      },
      {
        "hex": "#a4aea6",
        "rgb": {
          "r": 164,
          "g": 174,
          "b": 166,
          "a": 1
        },
        "hsl": {
          "h": 132,
          "s": 6,
          "l": 66
        },
        "count": 100,
        "contexts": [
          "text",
          "border"
        ]
      },
      {
        "hex": "#d1d9e0",
        "rgb": {
          "r": 209,
          "g": 217,
          "b": 224,
          "a": 1
        },
        "hsl": {
          "h": 208,
          "s": 19,
          "l": 85
        },
        "count": 12,
        "contexts": [
          "border",
          "background"
        ]
      },
      {
        "hex": "#5fed83",
        "rgb": {
          "r": 95,
          "g": 237,
          "b": 131,
          "a": 1
        },
        "hsl": {
          "h": 135,
          "s": 80,
          "l": 65
        },
        "count": 12,
        "contexts": [
          "text",
          "border"
        ]
      },
      {
        "hex": "#d1242f",
        "rgb": {
          "r": 209,
          "g": 36,
          "b": 47,
          "a": 1
        },
        "hsl": {
          "h": 356,
          "s": 71,
          "l": 48
        },
        "count": 10,
        "contexts": [
          "text",
          "border"
        ]
      },
      {
        "hex": "#f85149",
        "rgb": {
          "r": 248,
          "g": 81,
          "b": 73,
          "a": 0.4
        },
        "hsl": {
          "h": 3,
          "s": 93,
          "l": 63
        },
        "count": 9,
        "contexts": [
          "border",
          "text"
        ]
      },
      {
        "hex": "#0d1117",
        "rgb": {
          "r": 13,
          "g": 17,
          "b": 23,
          "a": 1
        },
        "hsl": {
          "h": 216,
          "s": 28,
          "l": 7
        },
        "count": 8,
        "contexts": [
          "background"
        ]
      },
      {
        "hex": "#d29922",
        "rgb": {
          "r": 210,
          "g": 153,
          "b": 34,
          "a": 1
        },
        "hsl": {
          "h": 41,
          "s": 72,
          "l": 48
        },
        "count": 8,
        "contexts": [
          "text",
          "border"
        ]
      },
      {
        "hex": "#7c8980",
        "rgb": {
          "r": 124,
          "g": 137,
          "b": 128,
          "a": 1
        },
        "hsl": {
          "h": 138,
          "s": 5,
          "l": 51
        },
        "count": 8,
        "contexts": [
          "text",
          "border"
        ]
      },
      {
        "hex": "#4493f8",
        "rgb": {
          "r": 68,
          "g": 147,
          "b": 248,
          "a": 1
        },
        "hsl": {
          "h": 214,
          "s": 93,
          "l": 62
        },
        "count": 6,
        "contexts": [
          "text",
          "border"
        ]
      },
      {
        "hex": "#404651",
        "rgb": {
          "r": 64,
          "g": 70,
          "b": 81,
          "a": 1
        },
        "hsl": {
          "h": 219,
          "s": 12,
          "l": 28
        },
        "count": 6,
        "contexts": [
          "background",
          "border"
        ]
      },
      {
        "hex": "#484f58",
        "rgb": {
          "r": 72,
          "g": 79,
          "b": 88,
          "a": 1
        },
        "hsl": {
          "h": 214,
          "s": 10,
          "l": 31
        },
        "count": 5,
        "contexts": [
          "border"
        ]
      },
      {
        "hex": "#0969da",
        "rgb": {
          "r": 9,
          "g": 105,
          "b": 218,
          "a": 1
        },
        "hsl": {
          "h": 212,
          "s": 92,
          "l": 45
        },
        "count": 4,
        "contexts": [
          "text",
          "border"
        ]
      },
      {
        "hex": "#e4ebe6",
        "rgb": {
          "r": 228,
          "g": 235,
          "b": 230,
          "a": 0.996
        },
        "hsl": {
          "h": 137,
          "s": 15,
          "l": 91
        },
        "count": 3,
        "contexts": [
          "background"
        ]
      },
      {
        "hex": "#1f6feb",
        "rgb": {
          "r": 31,
          "g": 111,
          "b": 235,
          "a": 1
        },
        "hsl": {
          "h": 216,
          "s": 84,
          "l": 52
        },
        "count": 2,
        "contexts": [
          "background"
        ]
      },
      {
        "hex": "#005dd5",
        "rgb": {
          "r": 0,
          "g": 93,
          "b": 213,
          "a": 1
        },
        "hsl": {
          "h": 214,
          "s": 100,
          "l": 42
        },
        "count": 2,
        "contexts": [
          "text",
          "border"
        ]
      },
      {
        "hex": "#1f883d",
        "rgb": {
          "r": 31,
          "g": 136,
          "b": 61,
          "a": 1
        },
        "hsl": {
          "h": 137,
          "s": 63,
          "l": 33
        },
        "count": 2,
        "contexts": [
          "background"
        ]
      },
      {
        "hex": "#08872b",
        "rgb": {
          "r": 8,
          "g": 135,
          "b": 43,
          "a": 1
        },
        "hsl": {
          "h": 137,
          "s": 89,
          "l": 28
        },
        "count": 2,
        "contexts": [
          "background"
        ]
      },
      {
        "hex": "#0d3024",
        "rgb": {
          "r": 13,
          "g": 48,
          "b": 36,
          "a": 1
        },
        "hsl": {
          "h": 159,
          "s": 57,
          "l": 12
        },
        "count": 2,
        "contexts": [
          "background"
        ]
      },
      {
        "hex": "#2e374a",
        "rgb": {
          "r": 46,
          "g": 55,
          "b": 74,
          "a": 0.82
        },
        "hsl": {
          "h": 221,
          "s": 23,
          "l": 24
        },
        "count": 1,
        "contexts": [
          "background"
        ]
      },
      {
        "hex": "#818b98",
        "rgb": {
          "r": 129,
          "g": 139,
          "b": 152,
          "a": 1
        },
        "hsl": {
          "h": 214,
          "s": 10,
          "l": 55
        },
        "count": 1,
        "contexts": [
          "border"
        ]
      },
      {
        "hex": "#bb8009",
        "rgb": {
          "r": 187,
          "g": 128,
          "b": 9,
          "a": 0.4
        },
        "hsl": {
          "h": 40,
          "s": 91,
          "l": 38
        },
        "count": 1,
        "contexts": [
          "border"
        ]
      },
      {
        "hex": "#8c93fb",
        "rgb": {
          "r": 140,
          "g": 147,
          "b": 251,
          "a": 1
        },
        "hsl": {
          "h": 236,
          "s": 93,
          "l": 77
        },
        "count": 1,
        "contexts": [
          "border"
        ]
      }
    ]
  },
  "regions": [
    {
      "role": "nav",
      "tag": "header",
      "bounds": {
        "x": 0,
        "y": 0,
        "w": 1280,
        "h": 72
      },
      "heading": "Navigation Menu",
      "buttonCount": 24,
      "cardCount": 95,
      "className": "HeaderMktg header-logged-out js-details-container js-header Details f4 tmp-py-3"
    },
    {
      "role": "nav",
      "tag": "nav",
      "bounds": {
        "x": 80,
        "y": 16,
        "w": 635.34375,
        "h": 40
      },
      "heading": null,
      "buttonCount": 10,
      "cardCount": 83,
      "className": "MarketingNavigation-module__nav__W0KYY"
    },
    {
      "role": "testimonials",
      "tag": "main",
      "bounds": {
        "x": 0,
        "y": 0,
        "w": 1280,
        "h": 10272.765625
      },
      "heading": "The future of building happens together",
      "buttonCount": 26,
      "cardCount": 7,
      "className": "font-mktg "
    },
    {
      "role": "hero",
      "tag": "section",
      "bounds": {
        "x": 0,
        "y": 0,
        "w": 1280,
        "h": 1906.859375
      },
      "heading": "The future of building happens together",
      "buttonCount": 9,
      "cardCount": 6,
      "className": null
    },
    {
      "role": "hero",
      "tag": "section",
      "bounds": {
        "x": 154,
        "y": 164,
        "w": 972,
        "h": 212.21875
      },
      "heading": "The future of building happens together",
      "buttonCount": 0,
      "cardCount": 1,
      "className": "Primer_Brand__Hero-module__Hero___EM3jf Primer_Brand__Hero-module__Hero--variant-default___TGFpg Primer_Brand__Hero-module__Hero--align-center___HUXm3 lp-IntroHero-hero"
    },
    {
      "role": "content",
      "tag": "section",
      "bounds": {
        "x": 309.796875,
        "y": 408.21875,
        "w": 458.828125,
        "h": 56
      },
      "heading": null,
      "buttonCount": 1,
      "cardCount": 0,
      "className": "Primer_Brand__FormControl-module__FormControl___ZJtXy CtaFormControl"
    },
    {
      "role": "testimonials",
      "tag": "section",
      "bounds": {
        "x": 0,
        "y": 1906.859375,
        "w": 1280,
        "h": 2315.890625
      },
      "heading": "Accelerate your entire workflow",
      "buttonCount": 5,
      "cardCount": 0,
      "className": "lp-Section"
    },
    {
      "role": "nav",
      "tag": "header",
      "bounds": {
        "x": 0,
        "y": 2153.859375,
        "w": 1280,
        "h": 154.390625
      },
      "heading": "Accelerate your entire workflow",
      "buttonCount": 0,
      "cardCount": 0,
      "className": "Primer_Brand__SectionIntro-module__SectionIntro___RduRB Primer_Brand__SectionIntro-module__SectionIntro--align-center___qU_a9 Primer_Brand__SectionIntro-module__SectionIntro--full-width___HROKL lp-SectionIntro-content"
    },
    {
      "role": "content",
      "tag": "section",
      "bounds": {
        "x": 0,
        "y": 4222.75,
        "w": 1280,
        "h": 1556.8125
      },
      "heading": "Built-in application security where found means fixed",
      "buttonCount": 0,
      "cardCount": 0,
      "className": "lp-Section"
    },
    {
      "role": "nav",
      "tag": "header",
      "bounds": {
        "x": 0,
        "y": 4469.75,
        "w": 1280,
        "h": 171.59375
      },
      "heading": "Built-in application security where found means fixed",
      "buttonCount": 0,
      "cardCount": 0,
      "className": "Primer_Brand__SectionIntro-module__SectionIntro___RduRB Primer_Brand__SectionIntro-module__SectionIntro--align-center___qU_a9 Primer_Brand__SectionIntro-module__SectionIntro--full-width___HROKL lp-SectionIntro-content"
    },
    {
      "role": "pricing",
      "tag": "section",
      "bounds": {
        "x": 0,
        "y": 5779.5625,
        "w": 1280,
        "h": 2067.140625
      },
      "heading": "Work together, achieve more",
      "buttonCount": 4,
      "cardCount": 0,
      "className": "lp-Section"
    },
    {
      "role": "nav",
      "tag": "header",
      "bounds": {
        "x": 0,
        "y": 6026.5625,
        "w": 1280,
        "h": 123.59375
      },
      "heading": "Work together, achieve more",
      "buttonCount": 0,
      "cardCount": 0,
      "className": "Primer_Brand__SectionIntro-module__SectionIntro___RduRB Primer_Brand__SectionIntro-module__SectionIntro--align-center___qU_a9 Primer_Brand__SectionIntro-module__SectionIntro--full-width___HROKL lp-SectionIntro-content"
    },
    {
      "role": "testimonials",
      "tag": "section",
      "bounds": {
        "x": 0,
        "y": 7846.703125,
        "w": 1280,
        "h": 1148.390625
      },
      "heading": "From startups to enterprises, GitHub scales with teams of any size in any industry.",
      "buttonCount": 7,
      "cardCount": 0,
      "className": "lp-Section"
    },
    {
      "role": "nav",
      "tag": "header",
      "bounds": {
        "x": 0,
        "y": 8093.703125,
        "w": 1280,
        "h": 144
      },
      "heading": "From startups to enterprises, GitHub scales with teams of any size in any industry.",
      "buttonCount": 0,
      "cardCount": 0,
      "className": "Primer_Brand__SectionIntro-module__SectionIntro___RduRB Primer_Brand__SectionIntro-module__SectionIntro--align-center___qU_a9 Primer_Brand__SectionIntro-module__SectionIntro--full-width___HROKL lp-SectionIntro-content"
    },
    {
      "role": "hero",
      "tag": "section",
      "bounds": {
        "x": 0,
        "y": 8995.09375,
        "w": 1280,
        "h": 1092.671875
      },
      "heading": "Millions of developers and businesses call GitHub home",
      "buttonCount": 1,
      "cardCount": 0,
      "className": "Primer_Brand__Section-module__Section___wNnZR Primer_Brand__Section-module__Section--paddingBlockStart-normal___okSnn Primer_Brand__Section-module__Section--paddingBlockEnd-normal___wlGa4"
    },
    {
      "role": "cta",
      "tag": "section",
      "bounds": {
        "x": 0,
        "y": 9694.765625,
        "w": 1280,
        "h": 297
      },
      "heading": "Millions of developers and businesses call GitHub home",
      "buttonCount": 1,
      "cardCount": 0,
      "className": "Primer_Brand__CTABanner-module__CTABanner___m0t8s Primer_Brand__CTABanner-module__CTABanner--variant-default___eD19a lp-Cta "
    },
    {
      "role": "content",
      "tag": "section",
      "bounds": {
        "x": 309.796875,
        "y": 9959.765625,
        "w": 458.828125,
        "h": 56
      },
      "heading": null,
      "buttonCount": 1,
      "cardCount": 0,
      "className": "Primer_Brand__FormControl-module__FormControl___ZJtXy CtaFormControl"
    },
    {
      "role": "footer",
      "tag": "footer",
      "bounds": {
        "x": 0,
        "y": 10272.765625,
        "w": 1280,
        "h": 600
      },
      "heading": "Site-wide Links",
      "buttonCount": 3,
      "cardCount": 67,
      "className": "footer tmp-pt-6 position-relative"
    },
    {
      "role": "content",
      "tag": "section",
      "bounds": {
        "x": 16,
        "y": 10344.765625,
        "w": 415.984375,
        "h": 348
      },
      "heading": "Subscribe to our developer newsletter",
      "buttonCount": 0,
      "cardCount": 0,
      "className": "col-12 col-lg-4 tmp-mb-5 tmp-pr-lg-4"
    },
    {
      "role": "nav",
      "tag": "nav",
      "bounds": {
        "x": 431.984375,
        "y": 10344.765625,
        "w": 208,
        "h": 372
      },
      "heading": "Platform",
      "buttonCount": 0,
      "cardCount": 10,
      "className": "col-6 col-sm-3 col-lg-2 tmp-mb-6 tmp-mb-md-2 tmp-pr-3 tmp-pr-lg-0 tmp-pl-lg-4"
    },
    {
      "role": "nav",
      "tag": "nav",
      "bounds": {
        "x": 639.984375,
        "y": 10344.765625,
        "w": 208,
        "h": 372
      },
      "heading": "Ecosystem",
      "buttonCount": 0,
      "cardCount": 8,
      "className": "col-6 col-sm-3 col-lg-2 tmp-mb-6 tmp-mb-md-2 tmp-pr-3 tmp-pr-md-0 tmp-pl-md-4"
    },
    {
      "role": "nav",
      "tag": "nav",
      "bounds": {
        "x": 847.984375,
        "y": 10344.765625,
        "w": 208,
        "h": 372
      },
      "heading": "Support",
      "buttonCount": 0,
      "cardCount": 7,
      "className": "col-6 col-sm-3 col-lg-2 tmp-mb-6 tmp-mb-md-2 tmp-pr-3 tmp-pr-md-0 tmp-pl-md-4"
    },
    {
      "role": "nav",
      "tag": "nav",
      "bounds": {
        "x": 1055.984375,
        "y": 10344.765625,
        "w": 208,
        "h": 372
      },
      "heading": "Company",
      "buttonCount": 0,
      "cardCount": 10,
      "className": "col-6 col-sm-3 col-lg-2 tmp-mb-6 tmp-mb-md-2 tmp-pr-3 tmp-pr-md-0 tmp-pl-md-4"
    },
    {
      "role": "nav",
      "tag": "nav",
      "bounds": {
        "x": 16,
        "y": 10812.765625,
        "w": 772,
        "h": 36
      },
      "heading": null,
      "buttonCount": 2,
      "cardCount": 7,
      "className": null
    },
    {
      "role": "nav",
      "tag": "nav",
      "bounds": {
        "x": 804,
        "y": 10814.765625,
        "w": 460,
        "h": 32
      },
      "heading": null,
      "buttonCount": 1,
      "cardCount": 23,
      "className": "footer-social tmp-mt-3 tmp-mt-md-0 d-flex gapx-6 gapy-1 flex-wrap flex-items-center flex-lg-justify-end"
    }
  ],
  "componentClusters": [
    {
      "kind": "button",
      "structuralHash": "button>svg",
      "instanceCount": 8,
      "variants": [
        {
          "css": {
            "background": "rgba(0, 0, 0, 0)",
            "color": "rgb(255, 255, 255)",
            "padding": "8px 8px 8px 8px",
            "borderRadius": "0px",
            "border": "0px none rgb(255, 255, 255)",
            "fontSize": "16px",
            "fontWeight": "400"
          },
          "instanceCount": 7
        },
        {
          "css": {
            "background": "rgb(9, 13, 10)",
            "color": "rgb(255, 255, 255)",
            "padding": "0px 0px 0px 0px",
            "borderRadius": "48px",
            "border": "1px solid rgb(25, 31, 27)",
            "fontSize": "16px",
            "fontWeight": "400"
          },
          "instanceCount": 1
        }
      ]
    },
    {
      "kind": "other",
      "structuralHash": "svg>path",
      "instanceCount": 5,
      "variants": [
        {
          "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": "400"
          },
          "instanceCount": 5
        }
      ]
    },
    {
      "kind": "button",
      "structuralHash": "button>div>span>div",
      "instanceCount": 1,
      "variants": [
        {
          "css": {
            "background": "rgba(0, 0, 0, 0)",
            "color": "rgba(255, 255, 255, 0.75)",
            "padding": "0px 0px 0px 7px",
            "borderRadius": "6px",
            "border": "0px none rgba(255, 255, 255, 0.75)",
            "fontSize": "14px",
            "fontWeight": "400"
          },
          "instanceCount": 1
        }
      ]
    },
    {
      "kind": "button",
      "structuralHash": "a",
      "instanceCount": 2,
      "variants": [
        {
          "css": {
            "background": "rgba(0, 0, 0, 0)",
            "color": "rgb(255, 255, 255)",
            "padding": "4px 12px 4px 12px",
            "borderRadius": "6px",
            "border": "0px none rgb(255, 255, 255)",
            "fontSize": "14px",
            "fontWeight": "400"
          },
          "instanceCount": 2
        }
      ]
    },
    {
      "kind": "input",
      "structuralHash": "input",
      "instanceCount": 2,
      "variants": [
        {
          "css": {
            "background": "rgba(0, 0, 0, 0)",
            "color": "rgb(0, 0, 0)",
            "padding": "18px 12px 0px 18px",
            "borderRadius": "8px",
            "border": "0px none rgb(0, 0, 0)",
            "fontSize": "16px",
            "fontWeight": "400"
          },
          "instanceCount": 2
        }
      ]
    },
    {
      "kind": "button",
      "structuralHash": "button>span",
      "instanceCount": 11,
      "variants": [
        {
          "css": {
            "background": "rgb(8, 135, 43)",
            "color": "rgb(255, 255, 255)",
            "padding": "6px 20px 6px 20px",
            "borderRadius": "6px",
            "border": "1px solid rgba(0, 0, 0, 0)",
            "fontSize": "16px",
            "fontWeight": "400"
          },
          "instanceCount": 2
        },
        {
          "css": {
            "background": "rgba(0, 0, 0, 0)",
            "color": "rgb(255, 255, 255)",
            "padding": "8px 16px 8px 16px",
            "borderRadius": "60px",
            "border": "1px solid rgba(0, 0, 0, 0)",
            "fontSize": "16px",
            "fontWeight": "400"
          },
          "instanceCount": 9
        }
      ]
    },
    {
      "kind": "button",
      "structuralHash": "button>div",
      "instanceCount": 8,
      "variants": [
        {
          "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": "400"
          },
          "instanceCount": 8
        }
      ]
    },
    {
      "kind": "button",
      "structuralHash": "a>span",
      "instanceCount": 3,
      "variants": [
        {
          "css": {
            "background": "rgba(0, 0, 0, 0)",
            "color": "rgb(141, 214, 255)",
            "padding": "0px 0px 0px 0px",
            "borderRadius": "0px",
            "border": "0px none rgb(141, 214, 255)",
            "fontSize": "16px",
            "fontWeight": "400"
          },
          "instanceCount": 3
        }
      ]
    },
    {
      "kind": "button",
      "structuralHash": "button",
      "instanceCount": 2,
      "variants": [
        {
          "css": {
            "background": "rgba(0, 0, 0, 0)",
            "color": "rgb(145, 152, 161)",
            "padding": "0px 0px 0px 0px",
            "borderRadius": "0px",
            "border": "0px none rgb(145, 152, 161)",
            "fontSize": "12px",
            "fontWeight": "400"
          },
          "instanceCount": 2
        }
      ]
    }
  ],
  "accessibility": {
    "remediation": []
  },
  "cssHealth": {
    "sheets": [
      {
        "url": "https://github.githubassets.com/assets/primer-primitives-b39ad27f3538ace3.css",
        "totalBytes": 10021,
        "usedBytes": 9250,
        "unusedBytes": 771,
        "unusedPercent": 8
      },
      {
        "url": "https://github.com/",
        "totalBytes": 120,
        "usedBytes": 45,
        "unusedBytes": 75,
        "unusedPercent": 63
      },
      {
        "url": "https://github.githubassets.com/assets/landing-pages.9718375b3898bb0c.module.css",
        "totalBytes": 92869,
        "usedBytes": 0,
        "unusedBytes": 92869,
        "unusedPercent": 100
      },
      {
        "url": "https://github.githubassets.com/assets/primer-f22ed0439fca0948.css",
        "totalBytes": 412358,
        "usedBytes": 19620,
        "unusedBytes": 392738,
        "unusedPercent": 95
      },
      {
        "url": "https://github.githubassets.com/assets/dark-06381ff23d863842.css",
        "totalBytes": 76585,
        "usedBytes": 38254,
        "unusedBytes": 38331,
        "unusedPercent": 50
      },
      {
        "url": "https://github.githubassets.com/assets/landing-pages-fe5bf6c46284a928.css",
        "totalBytes": 454,
        "usedBytes": 0,
        "unusedBytes": 454,
        "unusedPercent": 100
      },
      {
        "url": "https://github.githubassets.com/assets/dark_high_contrast-9023e6605402defb.css",
        "totalBytes": 77269,
        "usedBytes": 0,
        "unusedBytes": 77269,
        "unusedPercent": 100
      },
      {
        "url": "https://github.githubassets.com/assets/primer-react-css.5c218f90f8746ce5.module.css",
        "totalBytes": 281989,
        "usedBytes": 281894,
        "unusedBytes": 95,
        "unusedPercent": 0
      },
      {
        "url": "https://github.githubassets.com/assets/global-5236d35452dfc5db.css",
        "totalBytes": 298858,
        "usedBytes": 6008,
        "unusedBytes": 292850,
        "unusedPercent": 98
      },
      {
        "url": "https://github.com/",
        "totalBytes": 289,
        "usedBytes": 0,
        "unusedBytes": 289,
        "unusedPercent": 100
      },
      {
        "url": "https://github.githubassets.com/assets/keyboard-shortcuts-dialog.2c9fa5d28b681771.module.css",
        "totalBytes": 331,
        "usedBytes": 0,
        "unusedBytes": 331,
        "unusedPercent": 100
      },
      {
        "url": "https://github.githubassets.com/assets/light-4fded0090af0ad58.css",
        "totalBytes": 76753,
        "usedBytes": 38339,
        "unusedBytes": 38414,
        "unusedPercent": 50
      },
      {
        "url": "https://github.githubassets.com/assets/56433.2dbd72a424517771.module.css",
        "totalBytes": 14427,
        "usedBytes": 152,
        "unusedBytes": 14275,
        "unusedPercent": 99
      },
      {
        "url": "https://github.githubassets.com/assets/github-a042f5a27a556c42.css",
        "totalBytes": 134172,
        "usedBytes": 32,
        "unusedBytes": 134140,
        "unusedPercent": 100
      },
      {
        "url": "https://github.githubassets.com/assets/primer-react-css.5c218f90f8746ce5.module.css",
        "totalBytes": 281989,
        "usedBytes": 0,
        "unusedBytes": 281989,
        "unusedPercent": 100
      },
      {
        "url": "https://github.githubassets.com/assets/home-2537dd99b6310f14.css",
        "totalBytes": 50174,
        "usedBytes": 33380,
        "unusedBytes": 16794,
        "unusedPercent": 33
      },
      {
        "url": "https://github.githubassets.com/assets/marketing-navigation.bee17795d238a875.module.css",
        "totalBytes": 10745,
        "usedBytes": 6176,
        "unusedBytes": 4569,
        "unusedPercent": 43
      },
      {
        "url": "https://github.githubassets.com/assets/light_high_contrast-cf8e26bc17e62ebc.css",
        "totalBytes": 77375,
        "usedBytes": 0,
        "unusedBytes": 77375,
        "unusedPercent": 100
      },
      {
        "url": "https://github.githubassets.com/assets/site-51b7912eb546125e.css",
        "totalBytes": 799024,
        "usedBytes": 117807,
        "unusedBytes": 681217,
        "unusedPercent": 85
      },
      {
        "url": "https://github.githubassets.com/assets/react-core.bab9ce0cc229d5be.module.css",
        "totalBytes": 446,
        "usedBytes": 0,
        "unusedBytes": 446,
        "unusedPercent": 100
      },
      {
        "url": "https://github.githubassets.com/assets/primer-react-css.5c218f90f8746ce5.module.css",
        "totalBytes": 281989,
        "usedBytes": 0,
        "unusedBytes": 281989,
        "unusedPercent": 100
      },
      {
        "url": "https://github.githubassets.com/assets/38963.8add87f5d74d588c.module.css",
        "totalBytes": 311,
        "usedBytes": 0,
        "unusedBytes": 311,
        "unusedPercent": 100
      },
      {
        "url": "https://github.githubassets.com/assets/70168.1218918dd76930bd.module.css",
        "totalBytes": 10730,
        "usedBytes": 6176,
        "unusedBytes": 4554,
        "unusedPercent": 42
      },
      {
        "url": "https://github.githubassets.com/assets/96037.d5ce918d22a1bef8.module.css",
        "totalBytes": 1374,
        "usedBytes": 0,
        "unusedBytes": 1374,
        "unusedPercent": 100
      }
    ],
    "totalBytes": 2990652,
    "usedBytes": 557133,
    "unusedBytes": 2433519,
    "unusedPercent": 81,
    "importantCount": 4312,
    "duplicates": 32949,
    "vendorPrefixes": {
      "webkit": 455,
      "moz": 55,
      "ms": 10,
      "o": 18
    },
    "keyframes": [],
    "specificity": {
      "max": [
        2,
        8,
        13
      ],
      "average": [
        0,
        1.79,
        0.11
      ],
      "count": 21845
    },
    "issues": [
      "4312 !important rules",
      "32949 duplicate declarations",
      "81% unused CSS"
    ]
  }
}