{
"schema": "brand-kit@2",
"palette": {
"paper": "#FFFFFF",
"surface": "#F2F5F3",
"ink": "#000000",
"ink_muted": "#58635B",
"accent": "#08872B",
"on_accent": "#FFFFFF",
"accent_secondary": "#8534F3",
"night": "#101411",
"on_night": "#FFFFFF",
"extras": [
{
"name": "GitHub Green",
"hex": "#0FBF3E",
"role": "Core recognition hero; restrained green accents, contribution graphics and visual emphasis",
"prov": "published",
"source": "https://brand.github.com/foundations/color",
"rgb_published": "15/191/62",
"cmyk_published": "92/0/67/25",
"pantone_published": "360",
"print_note": "Printed labels retained verbatim from the public page; no color-space conversion performed."
},
{
"name": "Gray 1",
"hex": "#F2F5F3",
"role": "Core neutral: grounds, hierarchy, borders and readable copy",
"prov": "published",
"source": "https://brand.github.com/foundations/color",
"rgb_published": "242/245/243",
"cmyk_published": "1/0/1/4",
"pantone_published": "COOL GRAY 1",
"print_note": "Printed labels retained verbatim from the public page; no color-space conversion performed."
},
{
"name": "Gray 2",
"hex": "#E4EBE6",
"role": "Core neutral: grounds, hierarchy, borders and readable copy",
"prov": "published",
"source": "https://brand.github.com/foundations/color",
"rgb_published": "228/235/230",
"cmyk_published": "3/0/2/8",
"pantone_published": "441",
"print_note": "Printed labels retained verbatim from the public page; no color-space conversion performed."
},
{
"name": "Gray 3",
"hex": "#B6BFB8",
"role": "Core neutral: grounds, hierarchy, borders and readable copy",
"prov": "published",
"source": "https://brand.github.com/foundations/color",
"rgb_published": "182/191/184",
"cmyk_published": "5/0/4/25",
"pantone_published": "442",
"print_note": "Printed labels retained verbatim from the public page; no color-space conversion performed."
},
{
"name": "Gray 4",
"hex": "#909692",
"role": "Core neutral: grounds, hierarchy, borders and readable copy",
"prov": "published",
"source": "https://brand.github.com/foundations/color",
"rgb_published": "144/150/146",
"cmyk_published": "4/0/3/41",
"pantone_published": "443",
"print_note": "Printed labels retained verbatim from the public page; no color-space conversion performed."
},
{
"name": "Gray 5",
"hex": "#232925",
"role": "Core neutral: grounds, hierarchy, borders and readable copy",
"prov": "published",
"source": "https://brand.github.com/foundations/color",
"rgb_published": "35/41/37",
"cmyk_published": "15/0/10/84",
"pantone_published": "447",
"print_note": "Printed labels retained verbatim from the public page; no color-space conversion performed."
},
{
"name": "Gray 6",
"hex": "#101411",
"role": "Core neutral: grounds, hierarchy, borders and readable copy",
"prov": "published",
"source": "https://brand.github.com/foundations/color",
"rgb_published": "16/20/17",
"cmyk_published": "20/0/15/92",
"pantone_published": "PROCESS BLACK",
"print_note": "Printed labels retained verbatim from the public page; no color-space conversion performed."
},
{
"name": "Green 1",
"hex": "#BFFFD1",
"role": "Core green range: contribution graph, accents and illustration",
"prov": "published",
"source": "https://brand.github.com/foundations/color",
"rgb_published": "191/255/209",
"cmyk_published": "20/0/30/0",
"pantone_published": "7486",
"print_note": "Printed labels retained verbatim from the public page; no color-space conversion performed."
},
{
"name": "Green 2",
"hex": "#8CF2A6",
"role": "Core green range: contribution graph, accents and illustration",
"prov": "published",
"source": "https://brand.github.com/foundations/color",
"rgb_published": "140/242/166",
"cmyk_published": "42/0/31/5",
"pantone_published": "7487",
"print_note": "Printed labels retained verbatim from the public page; no color-space conversion performed."
},
{
"name": "Green 3",
"hex": "#5FED83",
"role": "Core green range: contribution graph, accents and illustration",
"prov": "published",
"source": "https://brand.github.com/foundations/color",
"rgb_published": "95/237/131",
"cmyk_published": "59/0/45/7",
"pantone_published": "2268",
"print_note": "Printed labels retained verbatim from the public page; no color-space conversion performed."
},
{
"name": "Green 4",
"hex": "#0FBF3E",
"role": "Core green range: contribution graph, accents and illustration",
"prov": "published",
"source": "https://brand.github.com/foundations/color",
"rgb_published": "15/191/62",
"cmyk_published": "92/0/67/25",
"pantone_published": "360",
"print_note": "Printed labels retained verbatim from the public page; no color-space conversion performed."
},
{
"name": "Green 5",
"hex": "#08872B",
"role": "Core green range: contribution graph, accents and illustration",
"prov": "published",
"source": "https://brand.github.com/foundations/color",
"rgb_published": "8/135/43",
"cmyk_published": "94/0/68/47",
"pantone_published": "362",
"print_note": "Printed labels retained verbatim from the public page; no color-space conversion performed."
},
{
"name": "Green 6",
"hex": "#0A241B",
"role": "Core green range: contribution graph, accents and illustration",
"prov": "published",
"source": "https://brand.github.com/foundations/color",
"rgb_published": "10/36/27",
"cmyk_published": "100/0/81/66",
"pantone_published": "3435",
"print_note": "Printed labels retained verbatim from the public page; no color-space conversion performed."
},
{
"name": "Copilot Purple",
"hex": "#8534F3",
"role": "Copilot product hero: highlight AI features while keeping the GitHub core visible",
"prov": "published",
"source": "https://brand.github.com/foundations/color",
"rgb_published": "133/52/243",
"cmyk_published": "45/79/0/5",
"pantone_published": "2685",
"print_note": "Printed labels retained verbatim from the public page; no color-space conversion performed."
},
{
"name": "Purple 1",
"hex": "#C898FD",
"role": "Copilot theme primary purple range: AI feature emphasis and illustration",
"prov": "published",
"source": "https://brand.github.com/foundations/color",
"rgb_published": "200/152/253",
"cmyk_published": "21/40/0/0",
"pantone_published": "2635",
"print_note": "Printed labels retained verbatim from the public page; no color-space conversion performed."
},
{
"name": "Purple 2",
"hex": "#B870FF",
"role": "Copilot theme primary purple range: AI feature emphasis and illustration",
"prov": "published",
"source": "https://brand.github.com/foundations/color",
"rgb_published": "184/112/255",
"cmyk_published": "28,56,0,0",
"pantone_published": "2577",
"print_note": "Printed labels retained verbatim from the public page; no color-space conversion performed."
},
{
"name": "Purple 3",
"hex": "#8534F3",
"role": "Copilot theme primary purple range: AI feature emphasis and illustration",
"prov": "published",
"source": "https://brand.github.com/foundations/color",
"rgb_published": "133/52/243",
"cmyk_published": "45/79/0/5",
"pantone_published": "2685",
"print_note": "Printed labels retained verbatim from the public page; no color-space conversion performed."
},
{
"name": "Purple 4",
"hex": "#43179E",
"role": "Copilot theme primary purple range: AI feature emphasis and illustration",
"prov": "published",
"source": "https://brand.github.com/foundations/color",
"rgb_published": "67/23/158",
"cmyk_published": "58/86/0/38",
"pantone_published": "VIOLET",
"print_note": "Printed labels retained verbatim from the public page; no color-space conversion performed."
},
{
"name": "Purple 5",
"hex": "#26115F",
"role": "Copilot theme primary purple range: AI feature emphasis and illustration",
"prov": "published",
"source": "https://brand.github.com/foundations/color",
"rgb_published": "38/17/95",
"cmyk_published": "60/82/0/63",
"pantone_published": "2755",
"print_note": "Printed labels retained verbatim from the public page; no color-space conversion performed."
},
{
"name": "Purple 6",
"hex": "#160048",
"role": "Copilot theme primary purple range: AI feature emphasis and illustration",
"prov": "published",
"source": "https://brand.github.com/foundations/color",
"rgb_published": "22/0/72",
"cmyk_published": "69/100/0/71",
"pantone_published": "2735",
"print_note": "Printed labels retained verbatim from the public page; no color-space conversion performed."
},
{
"name": "Orange 1",
"hex": "#F4A876",
"role": "Copilot theme supporting warm accent: primarily expressive illustration, sparingly",
"prov": "published",
"source": "https://brand.github.com/foundations/color",
"rgb_published": "244/168/118",
"cmyk_published": "0/31/52/4",
"pantone_published": "1555",
"print_note": "Printed labels retained verbatim from the public page; no color-space conversion performed."
},
{
"name": "Orange 2",
"hex": "#F08A3A",
"role": "Copilot theme supporting warm accent: primarily expressive illustration, sparingly",
"prov": "published",
"source": "https://brand.github.com/foundations/color",
"rgb_published": "240/138/58",
"cmyk_published": "0/43/76/6",
"pantone_published": "715",
"print_note": "Printed labels retained verbatim from the public page; no color-space conversion performed."
},
{
"name": "Orange 3",
"hex": "#FE4C25",
"role": "Copilot theme supporting warm accent: primarily expressive illustration, sparingly",
"prov": "published",
"source": "https://brand.github.com/foundations/color",
"rgb_published": "254/76/37",
"cmyk_published": "0/63/91/0",
"pantone_published": "1655",
"print_note": "Printed labels retained verbatim from the public page; no color-space conversion performed."
},
{
"name": "Orange 4",
"hex": "#C53211",
"role": "Copilot theme supporting warm accent: primarily expressive illustration, sparingly",
"prov": "published",
"source": "https://brand.github.com/foundations/color",
"rgb_published": "197/50/17",
"cmyk_published": "0/75/91/23",
"pantone_published": "485",
"print_note": "Printed labels retained verbatim from the public page; no color-space conversion performed."
},
{
"name": "Orange 5",
"hex": "#801E0F",
"role": "Copilot theme supporting warm accent: primarily expressive illustration, sparingly",
"prov": "published",
"source": "https://brand.github.com/foundations/color",
"rgb_published": "128/30/15",
"cmyk_published": "0/77/88/50",
"pantone_published": "1805",
"print_note": "Printed labels retained verbatim from the public page; no color-space conversion performed."
},
{
"name": "Orange 6",
"hex": "#500A00",
"role": "Copilot theme supporting warm accent: primarily expressive illustration, sparingly",
"prov": "published",
"source": "https://brand.github.com/foundations/color",
"rgb_published": "80/10/0",
"cmyk_published": "0/88/100/69",
"pantone_published": "1815",
"print_note": "Printed labels retained verbatim from the public page; no color-space conversion performed."
},
{
"name": "Security Blue",
"hex": "#3094FF",
"role": "Security product hero: trust, reliability and protection; security feature emphasis",
"prov": "published",
"source": "https://brand.github.com/foundations/color",
"rgb_published": "48/148/255",
"cmyk_published": "81/42/0/0",
"pantone_published": "279",
"print_note": "Printed labels retained verbatim from the public page; no color-space conversion performed."
},
{
"name": "Blue 1",
"hex": "#9EECFF",
"role": "Security theme primary blue range: product emphasis and illustration",
"prov": "published",
"source": "https://brand.github.com/foundations/color",
"rgb_published": "158/236/255",
"cmyk_published": "38/7/0/0",
"pantone_published": "290",
"print_note": "Printed labels retained verbatim from the public page; no color-space conversion performed."
},
{
"name": "Blue 2",
"hex": "#3094FF",
"role": "Security theme primary blue range: product emphasis and illustration",
"prov": "published",
"source": "https://brand.github.com/foundations/color",
"rgb_published": "48/148/255",
"cmyk_published": "81/42/0/0",
"pantone_published": "279",
"print_note": "Printed labels retained verbatim from the public page; no color-space conversion performed."
},
{
"name": "Blue 3",
"hex": "#1A61FE",
"role": "Security theme primary blue range: product emphasis and illustration",
"prov": "published",
"source": "https://brand.github.com/foundations/color",
"rgb_published": "0/110/219",
"cmyk_published": "100/50/0/14",
"pantone_published": "285",
"print_note": "Printed labels retained verbatim from the public page; no color-space conversion performed."
},
{
"name": "Blue 4",
"hex": "#0527FC",
"role": "Security theme primary blue range: product emphasis and illustration",
"prov": "published",
"source": "https://brand.github.com/foundations/color",
"rgb_published": "5/39/252",
"cmyk_published": "98/85/0/1",
"pantone_published": "2935",
"print_note": "Printed labels retained verbatim from the public page; no color-space conversion performed."
},
{
"name": "Blue 5",
"hex": "#212183",
"role": "Security theme primary blue range: product emphasis and illustration",
"prov": "published",
"source": "https://brand.github.com/foundations/color",
"rgb_published": "33/33/131",
"cmyk_published": "75/75/0/49",
"pantone_published": "2728",
"print_note": "Printed labels retained verbatim from the public page; no color-space conversion performed."
},
{
"name": "Blue 6",
"hex": "#001C4D",
"role": "Security theme primary blue range: product emphasis and illustration",
"prov": "published",
"source": "https://brand.github.com/foundations/color",
"rgb_published": "0/28/77",
"cmyk_published": "100/64/0/70",
"pantone_published": "3597",
"print_note": "Printed labels retained verbatim from the public page; no color-space conversion performed."
},
{
"name": "Lime 1",
"hex": "#DCFF96",
"role": "Security theme supporting warm/lime accent: primarily illustration, sparingly",
"prov": "published",
"source": "https://brand.github.com/foundations/color",
"rgb_published": "220/255/150",
"cmyk_published": "14/0/41/0",
"pantone_published": "372",
"print_note": "Printed labels retained verbatim from the public page; no color-space conversion performed."
},
{
"name": "Lime 2",
"hex": "#D3FA37",
"role": "Security theme supporting warm/lime accent: primarily illustration, sparingly",
"prov": "published",
"source": "https://brand.github.com/foundations/color",
"rgb_published": "211/250/55",
"cmyk_published": "10/0/74/0",
"pantone_published": "387",
"print_note": "Printed labels retained verbatim from the public page; no color-space conversion performed."
},
{
"name": "Lime 3",
"hex": "#D8BD0E",
"role": "Security theme supporting warm/lime accent: primarily illustration, sparingly",
"prov": "published",
"source": "https://brand.github.com/foundations/color",
"rgb_published": "216/189/14",
"cmyk_published": "0/12/94/15",
"pantone_published": "611",
"print_note": "Printed labels retained verbatim from the public page; no color-space conversion performed."
},
{
"name": "Lime 4",
"hex": "#DB9D00",
"role": "Security theme supporting warm/lime accent: primarily illustration, sparingly",
"prov": "published",
"source": "https://brand.github.com/foundations/color",
"rgb_published": "219/157/0",
"cmyk_published": "0/18/100/0",
"pantone_published": "7406",
"print_note": "Printed labels retained verbatim from the public page; no color-space conversion performed."
},
{
"name": "Lime 5",
"hex": "#D67200",
"role": "Security theme supporting warm/lime accent: primarily illustration, sparingly",
"prov": "published",
"source": "https://brand.github.com/foundations/color",
"rgb_published": "214/114/0",
"cmyk_published": "0/42/100/1",
"pantone_published": "138",
"print_note": "Printed labels retained verbatim from the public page; no color-space conversion performed."
},
{
"name": "Lime 6",
"hex": "#703100",
"role": "Security theme supporting warm/lime accent: primarily illustration, sparingly",
"prov": "published",
"source": "https://brand.github.com/foundations/color",
"rgb_published": "112/49/0",
"cmyk_published": "0/56/100/43",
"pantone_published": "1615",
"print_note": "Printed labels retained verbatim from the public page; no color-space conversion performed."
},
{
"name": "Primer gray.0",
"hex": "#F2F5F3",
"role": "Marketing UI neutral ramp for light/dark hierarchy, surfaces and boundaries",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer gray.1",
"hex": "#E4EBE6",
"role": "Marketing UI neutral ramp for light/dark hierarchy, surfaces and boundaries",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer gray.2",
"hex": "#D2D9D4",
"role": "Marketing UI neutral ramp for light/dark hierarchy, surfaces and boundaries",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer gray.3",
"hex": "#C4CCC6",
"role": "Marketing UI neutral ramp for light/dark hierarchy, surfaces and boundaries",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer gray.4",
"hex": "#B6BFB8",
"role": "Marketing UI neutral ramp for light/dark hierarchy, surfaces and boundaries",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer gray.5",
"hex": "#96A199",
"role": "Marketing UI neutral ramp for light/dark hierarchy, surfaces and boundaries",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer gray.6",
"hex": "#77827A",
"role": "Marketing UI neutral ramp for light/dark hierarchy, surfaces and boundaries",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer gray.7",
"hex": "#58635B",
"role": "Marketing UI neutral ramp for light/dark hierarchy, surfaces and boundaries",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer gray.8",
"hex": "#353D37",
"role": "Marketing UI neutral ramp for light/dark hierarchy, surfaces and boundaries",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer gray.9",
"hex": "#191F1B",
"role": "Marketing UI neutral ramp for light/dark hierarchy, surfaces and boundaries",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer blue.0",
"hex": "#DDF4FF",
"role": "Marketing UI blue ramp for accents and Security-related UI",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer blue.1",
"hex": "#BCECFF",
"role": "Marketing UI blue ramp for accents and Security-related UI",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer blue.2",
"hex": "#8DD6FF",
"role": "Marketing UI blue ramp for accents and Security-related UI",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer blue.3",
"hex": "#5FB9FF",
"role": "Marketing UI blue ramp for accents and Security-related UI",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer blue.4",
"hex": "#3094FF",
"role": "Marketing UI blue ramp for accents and Security-related UI",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer blue.5",
"hex": "#0377FF",
"role": "Marketing UI blue ramp for accents and Security-related UI",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer blue.6",
"hex": "#0055D5",
"role": "Marketing UI blue ramp for accents and Security-related UI",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer blue.7",
"hex": "#0040A7",
"role": "Marketing UI blue ramp for accents and Security-related UI",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer blue.8",
"hex": "#002F7A",
"role": "Marketing UI blue ramp for accents and Security-related UI",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer blue.9",
"hex": "#001C4D",
"role": "Marketing UI blue ramp for accents and Security-related UI",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer green.0",
"hex": "#EBF9F4",
"role": "Marketing UI green ramp for brand accents and themed states",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer green.1",
"hex": "#BFFFD1",
"role": "Marketing UI green ramp for brand accents and themed states",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer green.2",
"hex": "#8CF2A6",
"role": "Marketing UI green ramp for brand accents and themed states",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer green.3",
"hex": "#5FED83",
"role": "Marketing UI green ramp for brand accents and themed states",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer green.4",
"hex": "#23EA57",
"role": "Marketing UI green ramp for brand accents and themed states",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer green.5",
"hex": "#0FBF3E",
"role": "Marketing UI green ramp for brand accents and themed states",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer green.6",
"hex": "#08872B",
"role": "Marketing UI green ramp for brand accents and themed states",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer green.7",
"hex": "#0D6731",
"role": "Marketing UI green ramp for brand accents and themed states",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer green.8",
"hex": "#0E4A2E",
"role": "Marketing UI green ramp for brand accents and themed states",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer green.9",
"hex": "#0D3024",
"role": "Marketing UI green ramp for brand accents and themed states",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer yellow.0",
"hex": "#FFF8C5",
"role": "Extended marketing UI yellow ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer yellow.1",
"hex": "#FFE777",
"role": "Extended marketing UI yellow ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer yellow.2",
"hex": "#FFD743",
"role": "Extended marketing UI yellow ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer yellow.3",
"hex": "#FABF21",
"role": "Extended marketing UI yellow ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer yellow.4",
"hex": "#DB9D00",
"role": "Extended marketing UI yellow ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer yellow.5",
"hex": "#BE7D00",
"role": "Extended marketing UI yellow ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer yellow.6",
"hex": "#A06100",
"role": "Extended marketing UI yellow ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer yellow.7",
"hex": "#824800",
"role": "Extended marketing UI yellow ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer yellow.8",
"hex": "#653200",
"role": "Extended marketing UI yellow ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer yellow.9",
"hex": "#471F00",
"role": "Extended marketing UI yellow ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer orange.0",
"hex": "#FFF1E5",
"role": "Extended marketing UI orange ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer orange.1",
"hex": "#FCCEAB",
"role": "Extended marketing UI orange ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer orange.2",
"hex": "#F4A876",
"role": "Extended marketing UI orange ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer orange.3",
"hex": "#F08A3A",
"role": "Extended marketing UI orange ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer orange.4",
"hex": "#DA7210",
"role": "Extended marketing UI orange ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer orange.5",
"hex": "#B85B06",
"role": "Extended marketing UI orange ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer orange.6",
"hex": "#954502",
"role": "Extended marketing UI orange ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer orange.7",
"hex": "#703100",
"role": "Extended marketing UI orange ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer orange.8",
"hex": "#5C2300",
"role": "Extended marketing UI orange ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer orange.9",
"hex": "#471700",
"role": "Extended marketing UI orange ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer red.0",
"hex": "#FFEBE9",
"role": "Extended marketing UI red ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer red.1",
"hex": "#FFCECB",
"role": "Extended marketing UI red ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer red.2",
"hex": "#FFABA8",
"role": "Extended marketing UI red ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer red.3",
"hex": "#FF8182",
"role": "Extended marketing UI red ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer red.4",
"hex": "#FA4549",
"role": "Extended marketing UI red ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer red.5",
"hex": "#CF2230",
"role": "Extended marketing UI red ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer red.6",
"hex": "#AE0B29",
"role": "Extended marketing UI red ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer red.7",
"hex": "#860620",
"role": "Extended marketing UI red ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer red.8",
"hex": "#730019",
"role": "Extended marketing UI red ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer red.9",
"hex": "#420011",
"role": "Extended marketing UI red ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer purple.0",
"hex": "#F0E5FF",
"role": "Marketing UI purple ramp for expressive and Copilot-themed accents",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer purple.1",
"hex": "#DBBFFD",
"role": "Marketing UI purple ramp for expressive and Copilot-themed accents",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer purple.2",
"hex": "#C898FD",
"role": "Marketing UI purple ramp for expressive and Copilot-themed accents",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer purple.3",
"hex": "#B870FF",
"role": "Marketing UI purple ramp for expressive and Copilot-themed accents",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer purple.4",
"hex": "#9F51FA",
"role": "Marketing UI purple ramp for expressive and Copilot-themed accents",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer purple.5",
"hex": "#8534F3",
"role": "Marketing UI purple ramp for expressive and Copilot-themed accents",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer purple.6",
"hex": "#6619E1",
"role": "Marketing UI purple ramp for expressive and Copilot-themed accents",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer purple.7",
"hex": "#43179E",
"role": "Marketing UI purple ramp for expressive and Copilot-themed accents",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer purple.8",
"hex": "#26115F",
"role": "Marketing UI purple ramp for expressive and Copilot-themed accents",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer purple.9",
"hex": "#160048",
"role": "Marketing UI purple ramp for expressive and Copilot-themed accents",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer pink.0",
"hex": "#FFF0FC",
"role": "Extended marketing UI pink ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer pink.1",
"hex": "#FFC9F2",
"role": "Extended marketing UI pink ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer pink.2",
"hex": "#F67ED2",
"role": "Extended marketing UI pink ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer pink.3",
"hex": "#FF80D2",
"role": "Extended marketing UI pink ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer pink.4",
"hex": "#FF4AC0",
"role": "Extended marketing UI pink ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer pink.5",
"hex": "#EF2AA4",
"role": "Extended marketing UI pink ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer pink.6",
"hex": "#CA2186",
"role": "Extended marketing UI pink ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer pink.7",
"hex": "#952866",
"role": "Extended marketing UI pink ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer pink.8",
"hex": "#651643",
"role": "Extended marketing UI pink ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer pink.9",
"hex": "#3D0A28",
"role": "Extended marketing UI pink ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer coral.0",
"hex": "#FFF0EB",
"role": "Extended marketing UI coral ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer coral.1",
"hex": "#FFCAB8",
"role": "Extended marketing UI coral ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer coral.2",
"hex": "#FFA387",
"role": "Extended marketing UI coral ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer coral.3",
"hex": "#FF7B56",
"role": "Extended marketing UI coral ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer coral.4",
"hex": "#FE4C25",
"role": "Extended marketing UI coral ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer coral.5",
"hex": "#E13F1B",
"role": "Extended marketing UI coral ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer coral.6",
"hex": "#C53211",
"role": "Extended marketing UI coral ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer coral.7",
"hex": "#A22710",
"role": "Extended marketing UI coral ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer coral.8",
"hex": "#801E0F",
"role": "Extended marketing UI coral ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer coral.9",
"hex": "#500A00",
"role": "Extended marketing UI coral ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer lemon.0",
"hex": "#FDF5B3",
"role": "Extended marketing UI lemon ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer lemon.1",
"hex": "#F5E36B",
"role": "Extended marketing UI lemon ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer lemon.2",
"hex": "#F2DA3B",
"role": "Extended marketing UI lemon ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer lemon.3",
"hex": "#E1C50F",
"role": "Extended marketing UI lemon ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer lemon.4",
"hex": "#C7A60B",
"role": "Extended marketing UI lemon ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer lemon.5",
"hex": "#A98906",
"role": "Extended marketing UI lemon ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer lemon.6",
"hex": "#806803",
"role": "Extended marketing UI lemon ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer lemon.7",
"hex": "#614D01",
"role": "Extended marketing UI lemon ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer lemon.8",
"hex": "#413200",
"role": "Extended marketing UI lemon ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer lemon.9",
"hex": "#322400",
"role": "Extended marketing UI lemon ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer lime.0",
"hex": "#F3FEC8",
"role": "Extended marketing UI lime ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer lime.1",
"hex": "#E8FC97",
"role": "Extended marketing UI lime ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer lime.2",
"hex": "#DCFA67",
"role": "Extended marketing UI lime ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer lime.3",
"hex": "#D1F441",
"role": "Extended marketing UI lime ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer lime.4",
"hex": "#B2DE28",
"role": "Extended marketing UI lime ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer lime.5",
"hex": "#92C219",
"role": "Extended marketing UI lime ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer lime.6",
"hex": "#698E17",
"role": "Extended marketing UI lime ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer lime.7",
"hex": "#425E13",
"role": "Extended marketing UI lime ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer lime.8",
"hex": "#2C440B",
"role": "Extended marketing UI lime ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer lime.9",
"hex": "#182C01",
"role": "Extended marketing UI lime ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer teal.0",
"hex": "#DAF9F5",
"role": "Extended marketing UI teal ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer teal.1",
"hex": "#A4EFE8",
"role": "Extended marketing UI teal ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer teal.2",
"hex": "#6EE5DC",
"role": "Extended marketing UI teal ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer teal.3",
"hex": "#39DAD2",
"role": "Extended marketing UI teal ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer teal.4",
"hex": "#23B1AE",
"role": "Extended marketing UI teal ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer teal.5",
"hex": "#197B7B",
"role": "Extended marketing UI teal ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer teal.6",
"hex": "#136061",
"role": "Extended marketing UI teal ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer teal.7",
"hex": "#024B4D",
"role": "Extended marketing UI teal ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer teal.8",
"hex": "#083D3D",
"role": "Extended marketing UI teal ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer teal.9",
"hex": "#052B2C",
"role": "Extended marketing UI teal ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer indigo.0",
"hex": "#EFF2FF",
"role": "Extended marketing UI indigo ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer indigo.1",
"hex": "#D4DBFF",
"role": "Extended marketing UI indigo ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer indigo.2",
"hex": "#B3C1FD",
"role": "Extended marketing UI indigo ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer indigo.3",
"hex": "#8E9DF7",
"role": "Extended marketing UI indigo ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer indigo.4",
"hex": "#6B7BEF",
"role": "Extended marketing UI indigo ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer indigo.5",
"hex": "#4956E5",
"role": "Extended marketing UI indigo ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer indigo.6",
"hex": "#2D3DD7",
"role": "Extended marketing UI indigo ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer indigo.7",
"hex": "#262DAE",
"role": "Extended marketing UI indigo ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer indigo.8",
"hex": "#212183",
"role": "Extended marketing UI indigo ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer indigo.9",
"hex": "#12144F",
"role": "Extended marketing UI indigo ramp; expressive supporting accents, not a new core hero",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer black.0",
"hex": "#000000",
"role": "Marketing UI black neutral",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Primer white.0",
"hex": "#FFFFFF",
"role": "Marketing UI white neutral",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "White",
"hex": "#FFFFFF",
"role": "Neutral text panel / reverse copy",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "Black",
"hex": "#000000",
"role": "High-contrast logo and copy option",
"prov": "published",
"source": "https://primer.style/brand/primitives/color/"
},
{
"name": "White theme subtle text",
"hex": "#77827A",
"role": "Subtle copy in the white and gray layout examples",
"prov": "published",
"source": "https://brand.github.com/graphic-elements/layouts",
"source_note": "layout-04 image labels; preserve exactly, not sampled"
},
{
"name": "Black theme subtle text",
"hex": "#96A199",
"role": "Subtle copy in black layout example",
"prov": "published",
"source": "https://brand.github.com/graphic-elements/layouts",
"source_note": "layout-04 image labels; preserve exactly, not sampled"
},
{
"name": "White theme text accent",
"hex": "#0FAC39",
"role": "Accent copy in white layout example",
"prov": "published",
"source": "https://brand.github.com/graphic-elements/layouts",
"source_note": "layout-04 image labels; preserve exactly, not sampled"
},
{
"name": "Gray theme text accent",
"hex": "#0CA334",
"role": "Accent copy in gray layout example",
"prov": "published",
"source": "https://brand.github.com/graphic-elements/layouts",
"source_note": "layout-04 image labels; preserve exactly, not sampled"
},
{
"name": "Homepage observed #000",
"hex": "#000",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #000000",
"hex": "#000000",
"role": "Chrome desktop; Chrome desktop border; Chrome phone; Chrome phone border; anatomy; anatomy border; computed desktop; computed desktop border; computed phone; computed phone border",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #00000003",
"hex": "#00000003",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #00000004",
"hex": "#00000004",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #00000005",
"hex": "#00000005",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #00000006",
"hex": "#00000006",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #00000007",
"hex": "#00000007",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #00000008",
"hex": "#00000008",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #00000009",
"hex": "#00000009",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #0000000A",
"hex": "#0000000A",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #0000000B",
"hex": "#0000000B",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #0000000F",
"hex": "#0000000F",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #00000012",
"hex": "#00000012",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #00000014",
"hex": "#00000014",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #0000001E",
"hex": "#0000001E",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #00000036",
"hex": "#00000036",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #0000003D",
"hex": "#0000003D",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #0000004D",
"hex": "#0000004D",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #00000073",
"hex": "#00000073",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #000000BF",
"hex": "#000000BF",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #000000E6",
"hex": "#000000E6",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #000AFF",
"hex": "#000AFF",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #001C4D",
"hex": "#001C4D",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #002F7A",
"hex": "#002F7A",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #0040A7",
"hex": "#0040A7",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #0055D5",
"hex": "#0055D5",
"role": "Chrome phone; Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #008A24",
"hex": "#008A24",
"role": "anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #024B4D",
"hex": "#024B4D",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #0377FF",
"hex": "#0377FF",
"role": "Primer Brand CSS variables; anatomy; hero-grid-backdrop illustration",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #052B2C",
"hex": "#052B2C",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #083D3D",
"hex": "#083D3D",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #08872B",
"hex": "#08872B",
"role": "Chrome desktop; Chrome phone; Primer Brand CSS variables; anatomy; computed desktop; computed phone; hero-grid-backdrop illustration",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #08872B33",
"hex": "#08872B33",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #0969DA",
"hex": "#0969DA",
"role": "anatomy; computed desktop; computed phone",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #096BDE",
"hex": "#096BDE",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #0D3024",
"hex": "#0D3024",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #0D6731",
"hex": "#0D6731",
"role": "Chrome desktop border; Chrome phone border; Primer Brand CSS variables; anatomy; anatomy border",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #0E4A2E",
"hex": "#0E4A2E",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #0FBF3E",
"hex": "#0FBF3E",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #12144F",
"hex": "#12144F",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #136061",
"hex": "#136061",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #160048",
"hex": "#160048",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #182C01",
"hex": "#182C01",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #191F1B",
"hex": "#191F1B",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #197B7B",
"hex": "#197B7B",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #212183",
"hex": "#212183",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #23B1AE",
"hex": "#23B1AE",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #23EA57",
"hex": "#23EA57",
"role": "Primer Brand CSS variables; anatomy; hero-grid-backdrop illustration",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #26115F",
"hex": "#26115F",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #262DAE",
"hex": "#262DAE",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #2C440B",
"hex": "#2C440B",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #2D3DD7",
"hex": "#2D3DD7",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #3094FF",
"hex": "#3094FF",
"role": "Primer Brand CSS variables; anatomy; hero-grid-backdrop illustration",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #322400",
"hex": "#322400",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #353D37",
"hex": "#353D37",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #39DAD2",
"hex": "#39DAD2",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #3D0A28",
"hex": "#3D0A28",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #3D444D",
"hex": "#3D444D",
"role": "anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #413200",
"hex": "#413200",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #420011",
"hex": "#420011",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #425E13",
"hex": "#425E13",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #43179E",
"hex": "#43179E",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #471700",
"hex": "#471700",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #471F00",
"hex": "#471F00",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #4956E5",
"hex": "#4956E5",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #500A00",
"hex": "#500A00",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #58635B",
"hex": "#58635B",
"role": "Chrome desktop; Chrome phone; Primer Brand CSS variables; anatomy; computed desktop; computed phone",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #5C2300",
"hex": "#5C2300",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #5FB9FF",
"hex": "#5FB9FF",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #5FED83",
"hex": "#5FED83",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #614D01",
"hex": "#614D01",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #651643",
"hex": "#651643",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #653200",
"hex": "#653200",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #6619E1",
"hex": "#6619E1",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #698E17",
"hex": "#698E17",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #6B7BEF",
"hex": "#6B7BEF",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #6EE5DC",
"hex": "#6EE5DC",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #703100",
"hex": "#703100",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #730019",
"hex": "#730019",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #77827A",
"hex": "#77827A",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #801E0F",
"hex": "#801E0F",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #806803",
"hex": "#806803",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #824800",
"hex": "#824800",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #8250DF",
"hex": "#8250DF",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #8534F3",
"hex": "#8534F3",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #8534F333",
"hex": "#8534F333",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #860620",
"hex": "#860620",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #8CF2A6",
"hex": "#8CF2A6",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #8CF2A699",
"hex": "#8CF2A699",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #8DD6FF",
"hex": "#8DD6FF",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #8E9DF7",
"hex": "#8E9DF7",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #92C219",
"hex": "#92C219",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #952866",
"hex": "#952866",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #954502",
"hex": "#954502",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #96A199",
"hex": "#96A199",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #9999991F",
"hex": "#9999991F",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #9F51FA",
"hex": "#9F51FA",
"role": "Primer Brand CSS variables; anatomy; hero-grid-backdrop illustration",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #A06100",
"hex": "#A06100",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #A22710",
"hex": "#A22710",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #A4EFE8",
"hex": "#A4EFE8",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #A98906",
"hex": "#A98906",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #AE0B29",
"hex": "#AE0B29",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #B2DE28",
"hex": "#B2DE28",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #B3C1FD",
"hex": "#B3C1FD",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #B6BFB8",
"hex": "#B6BFB8",
"role": "Primer Brand CSS variables; anatomy; anatomy border; computed desktop border",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #B7C2BA",
"hex": "#B7C2BA",
"role": "anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #B85B06",
"hex": "#B85B06",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #B870FF",
"hex": "#B870FF",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #BCECFF",
"hex": "#BCECFF",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #BE7D00",
"hex": "#BE7D00",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #BFFFD1",
"hex": "#BFFFD1",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #C4CCC6",
"hex": "#C4CCC6",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #C4CCC6FE",
"hex": "#C4CCC6FE",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #C53211",
"hex": "#C53211",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #C7A60B",
"hex": "#C7A60B",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #C898FD",
"hex": "#C898FD",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #CA2186",
"hex": "#CA2186",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #CF222E",
"hex": "#CF222E",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #CF2230",
"hex": "#CF2230",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #D1F441",
"hex": "#D1F441",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #D2D9D4",
"hex": "#D2D9D4",
"role": "Chrome desktop border; Chrome phone border; Primer Brand CSS variables; anatomy; anatomy border; card-frame-platform-copilot illustration; card-frame-platform-github illustration; card-frame-ways-actions illustration; card-frame-ways-code-quality illustration; card-frame-ways-code-security illustration; card-frame-ways-codespaces illustration; card-frame-ways-secret-protection illustration; computed desktop border; computed phone border; hero-grid-backdrop illustration",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #D4DBFF",
"hex": "#D4DBFF",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #D8DEE45E",
"hex": "#D8DEE45E",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #D8DEE480",
"hex": "#D8DEE480",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #DA7210",
"hex": "#DA7210",
"role": "Primer Brand CSS variables; anatomy; hero-grid-backdrop illustration",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #DAF9F5",
"hex": "#DAF9F5",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #DB9D00",
"hex": "#DB9D00",
"role": "Primer Brand CSS variables; anatomy; hero-grid-backdrop illustration",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #DBBFFD",
"hex": "#DBBFFD",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #DCFA67",
"hex": "#DCFA67",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #DDF4FF",
"hex": "#DDF4FF",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #E13F1B",
"hex": "#E13F1B",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #E1C50F",
"hex": "#E1C50F",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #E4EBE6",
"hex": "#E4EBE6",
"role": "Chrome desktop border; Chrome phone border; Primer Brand CSS variables; anatomy; anatomy border; computed desktop border; computed phone border",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #E4EBE6FE",
"hex": "#E4EBE6FE",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #E8FC97",
"hex": "#E8FC97",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #EBF9F4",
"hex": "#EBF9F4",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #EF2AA4",
"hex": "#EF2AA4",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #EFF2FF",
"hex": "#EFF2FF",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #F08A3A",
"hex": "#F08A3A",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #F0E5FF",
"hex": "#F0E5FF",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #F2DA3B",
"hex": "#F2DA3B",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #F2F5F3",
"hex": "#F2F5F3",
"role": "Chrome desktop; Chrome phone; Primer Brand CSS variables; anatomy; card-frame-platform-copilot illustration; card-frame-platform-github illustration; card-frame-ways-actions illustration; card-frame-ways-code-quality illustration; card-frame-ways-code-security illustration; card-frame-ways-codespaces illustration; card-frame-ways-secret-protection illustration; computed desktop; computed phone; hero-grid-backdrop illustration",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #F2F5F300",
"hex": "#F2F5F300",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #F2F5F333",
"hex": "#F2F5F333",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #F2F5F380",
"hex": "#F2F5F380",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #F3FEC8",
"hex": "#F3FEC8",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #F4A876",
"hex": "#F4A876",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #F5E36B",
"hex": "#F5E36B",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #F67ED2",
"hex": "#F67ED2",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #F9FBF9",
"hex": "#F9FBF9",
"role": "Chrome desktop; Chrome phone; Primer Brand CSS variables; anatomy; computed desktop; computed phone",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #FA4549",
"hex": "#FA4549",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #FABF21",
"hex": "#FABF21",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #FAFAFA",
"hex": "#FAFAFA",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #FB51544D",
"hex": "#FB51544D",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #FCCEAB",
"hex": "#FCCEAB",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #FDF5B3",
"hex": "#FDF5B3",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #FE4C25",
"hex": "#FE4C25",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #FF4AC0",
"hex": "#FF4AC0",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #FF7B56",
"hex": "#FF7B56",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #FF80D2",
"hex": "#FF80D2",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #FF8182",
"hex": "#FF8182",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #FFA387",
"hex": "#FFA387",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #FFABA8",
"hex": "#FFABA8",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #FFABA899",
"hex": "#FFABA899",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #FFC9F2",
"hex": "#FFC9F2",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #FFCAB8",
"hex": "#FFCAB8",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #FFCECB",
"hex": "#FFCECB",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #FFD743",
"hex": "#FFD743",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #FFE777",
"hex": "#FFE777",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #FFEBE9",
"hex": "#FFEBE9",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #FFF",
"hex": "#FFF",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #FFF0EB",
"hex": "#FFF0EB",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #FFF0FC",
"hex": "#FFF0FC",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #FFF1E5",
"hex": "#FFF1E5",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #FFF8C5",
"hex": "#FFF8C5",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #FFFFFF",
"hex": "#FFFFFF",
"role": "Chrome desktop; Chrome phone; anatomy; computed desktop; computed phone",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #FFFFFF1F",
"hex": "#FFFFFF1F",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #FFFFFFB3",
"hex": "#FFFFFFB3",
"role": "Primer Brand CSS variables; anatomy",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #0009",
"hex": "#0009",
"role": "Homepage component state",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #FFF0",
"hex": "#FFF0",
"role": "Homepage component state",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Homepage observed #FFF9",
"hex": "#FFF9",
"role": "Homepage component state",
"prov": "observed",
"source": "github.com (observed 2026-10-31)"
},
{
"name": "Secondary button ground",
"hex": "#F0F0F0",
"role": "rgba(0,0,0,0.06) over white: secondary button fill",
"prov": "observed",
"source": "https://github.com/ (observed 2026-10-31)"
}
],
"prov": "inferred",
"source": "https://brand.github.com/foundations/color",
"also": [
"https://brand.github.com/graphic-elements/layouts",
"https://primer.style/brand/primitives/color/"
],
"role_note": "Semantic kit mappings are our application of published swatches, not published semantic tokens. on_accent uses a dark neutral; do not assume white on GitHub Green is an AA text pair. Use documented layout accent variants where appropriate.",
"note": "Roles below are the web (Primer Brand) values the homepage uses: text #000000, muted #58635B, button green #08872B, hairline #D2D9D4/#E4EBE6. The guide's published brand colours (GitHub Green #0FBF3E, Gray 6 #101411 ...) stay in extras: they are the brand law for print and campaign art, not the web UI."
},
"color_rules": [
{
"text": "Neutrals dominate; GitHub Green connects core applications. Secondary colors appear sparingly, primarily in illustrations.",
"prov": "published",
"source": "https://brand.github.com/foundations/color"
},
{
"text": "Copilot theme composition: 80% neutral, 5% gray, 5% green, 10% purple.",
"prov": "published",
"source": "https://brand.github.com/foundations/color",
"source_note": "Rendered labels in color-04; screenshot color-desk-01. Alt text incorrectly assigns proportions to color-03."
},
{
"text": "Security theme composition: 80% neutral, 5% gray, 5% green, 10% blue.",
"prov": "published",
"source": "https://brand.github.com/foundations/color",
"source_note": "Rendered labels in color-06; screenshot color-desk-02. Alt text on color-05 differs."
},
{
"text": "Separate copy from expressive imagery; use White, Gray or Black text panels and ensure AA for normal text.",
"prov": "published",
"source": "https://brand.github.com/graphic-elements/layouts"
},
{
"text": "Never communicate meaning through color alone.",
"prov": "published",
"source": "https://brand.github.com/foundations/accessibility"
}
],
"typography": {
"display": {
"family": "Mona Sans",
"steal_family": "Mona Sans",
"weight": 440,
"real": "Mona Sans",
"stand_in": false,
"license": "SIL Open Font License 1.1",
"fallback_stack": "\"Mona Sans\", sans-serif",
"prov": "published",
"source": "https://brand.github.com/foundations/typography",
"license_source": "https://github.com/github/mona-sans",
"weight_note": "Homepage numeric weight; published style name retained separately. Other observed role weights are in kit.spec.type.",
"published_style_name": "Display style; numeric weight not published",
"weight_prov": "observed",
"weight_source": "github.com (observed 2026-10-31)"
},
"body": {
"family": "Mona Sans",
"steal_family": "Mona Sans",
"weight": 400,
"real": "Mona Sans",
"stand_in": false,
"license": "SIL Open Font License 1.1",
"fallback_stack": "\"Mona Sans\", sans-serif",
"prov": "published",
"source": "https://brand.github.com/foundations/typography",
"license_source": "https://github.com/github/mona-sans",
"weight_note": "Homepage numeric weight; published style name retained separately. Other observed role weights are in kit.spec.type.",
"published_style_name": "Medium",
"weight_prov": "observed",
"weight_source": "github.com (observed 2026-10-31)"
},
"mono": {
"family": "Geist Mono",
"steal_family": "Geist Mono",
"weight": 400,
"real": "Mona Sans Mono",
"stand_in": true,
"license": "SIL Open Font License 1.1",
"fallback_stack": "\"Geist Mono\", ui-monospace, monospace",
"prov": "published",
"source": "https://brand.github.com/foundations/typography",
"license_source": "https://github.com/github/mona-sans",
"weight_note": "Homepage numeric weight; published style name retained separately. Other observed role weights are in kit.spec.type.",
"published_style_name": "not published",
"weight_prov": "observed",
"weight_source": "github.com (observed 2026-10-31)",
"stand_in_why": "Mona Sans Mono (OFL, github.com/github/mona-sans) is not on Google Fonts/Fontsource. Geist Mono is the closest open mono by measured metrics (capsize, 2026-10-31): x-height 0.530 vs 0.517 em, cap height 0.710 vs 0.729, advance 0.600 vs 0.618 em."
},
"calibration": "No stand-in: load the supplied OFL Mona Sans and Mona Sans Mono. Published specimen: H0 110/110 Display; H2 38/44 Medium; Body Large 17/26 Medium (units not stated in the image). These are starting relationships, not measured website sizes. Keep default width outside special events, disable headline/body ligatures, and use the font optical sizing rather than manual tracking. Numeric display weight and complete type scales are not published in the saved public material."
},
"style": {
"linework": "Strict grid with selectively visible neutral borders; one green accent border per composition at twice the default weight. Published example: 2px default and 4px accent.",
"corners": "Rounded squares in contribution graph; rounded corners on UI frames. Numeric radius not published.",
"motion": "Precise but expressive; choose movement by action/content relationship and give utility motion priority to comprehension.",
"prov": "published",
"source": "https://brand.github.com/graphic-elements/layouts",
"also": [
"https://brand.github.com/graphic-elements/textures",
"https://brand.github.com/graphic-elements/product-ui",
"https://brand.github.com/motion/principles"
]
},
"voice": {
"tone": [
"nerdy",
"confident",
"authentic",
"imaginative",
"empathetic"
],
"notes": [
"The complete voice-and-tone guide is not published publicly: its private GitHub document returns 404. Rules here come from the public Attributes page and Primer button guidance. Homepage examples are observed 2026-10-31, not a replacement style guide. Attribute page spells Imaginative as Imaginitive."
],
"rules": [
{
"id": "name",
"kind": "guidance",
"text": "Write GitHub with capital G and H as a single word.",
"prov": "published",
"source": "https://brand.github.com/foundations/logo"
},
{
"id": "precise",
"kind": "guidance",
"text": "Use exact technical language and correct punctuation; explain technical concepts accessibly.",
"prov": "published",
"source": "https://brand.github.com/brand-identity/attributes"
},
{
"id": "plain",
"kind": "guidance",
"text": "Use short, conversational, plainspoken sentences; remove unnecessary jargon and marketing filler.",
"prov": "published",
"source": "https://brand.github.com/brand-identity/attributes"
},
{
"id": "reader",
"kind": "guidance",
"text": "Address the reader with you more often than referring to the company with we.",
"prov": "published",
"source": "https://brand.github.com/brand-identity/attributes"
},
{
"id": "useful",
"kind": "guidance",
"text": "Explain what the reader can accomplish, rather than merely describing the company.",
"prov": "published",
"source": "https://brand.github.com/brand-identity/attributes"
},
{
"id": "authority",
"kind": "guidance",
"text": "Present problems and solutions with clear technical expertise and concise language.",
"prov": "published",
"source": "https://brand.github.com/brand-identity/attributes"
},
{
"id": "aspiration",
"kind": "guidance",
"text": "Connect the immediate task to developers’ creative goals and a better future.",
"prov": "published",
"source": "https://brand.github.com/brand-identity/attributes"
},
{
"id": "community",
"kind": "guidance",
"text": "Include expert and hobbyist voices; celebrate both modest experiments and major achievements.",
"prov": "published",
"source": "https://brand.github.com/brand-identity/attributes"
},
{
"id": "readability",
"kind": "guidance",
"text": "Review copy for accessibility and readability in its actual context.",
"prov": "published",
"source": "https://brand.github.com/brand-identity/attributes"
},
{
"id": "button-case",
"kind": "guidance",
"text": "Use sentence-case, succinct button labels without line breaks.",
"prov": "published",
"source": "https://primer.style/brand/components/Button/"
}
],
"approved": {
"phrases": [
"Software still starts with you",
"Sign up for GitHub",
"Explore Actions"
],
"words": [
"GitHub",
"Copilot"
],
"prov": "observed",
"source": "https://github.com/",
"source_note": "2026-10-31; examples of live usage, not an official approved lexicon"
},
"banned": [],
"banned_note": "A public banned-word list is not published; do not invent one.",
"prov": "published",
"source": "https://brand.github.com/brand-identity/attributes",
"also": [
"https://brand.github.com/brand-identity/voice-and-tone",
"https://github.com/"
]
},
"spec": {
"source": "https://brand.github.com/",
"how": "Published guide retained; homepage anatomy added from all ten saved homepage slices, computed bands and Chrome probes observed 2026-10-31. Screenshot resting state takes precedence for animation; headless Chromium missing-video state is not a design state.",
"provenance": "Published rules and values retain their page URLs. Interpretations and observed homepage evidence are explicitly marked.",
"icons": {
"library": "Octicons",
"secondary": "Gitline-derived spot icons",
"grid": "not published in saved toolkit",
"stroke": "not published in saved toolkit",
"sizes": [],
"color": "Neutrals and primary/secondary hero colors; keep palette restrained.",
"rule": "Default to Octicons; spot icons add topic meaning at larger illustration scale and support rather than displace the art or mascot.",
"prov": "published",
"source": "https://brand.github.com/graphic-elements/iconography",
"sizes_note": "Octicons optical sizes are delegated to its documentation; numeric values not available in supplied pages. Spot icons must not be used at small sizes."
},
"motion": [
{
"name": "facilitate",
"use": "Guide attention, show change and clarify the next step; first priority for utility motion.",
"prov": "published",
"source": "https://brand.github.com/motion/principles"
},
{
"name": "engage",
"use": "Create rhythm without competing with the message.",
"prov": "published",
"source": "https://brand.github.com/motion/principles"
},
{
"name": "impact",
"use": "Give important campaign or storytelling moments memorable expression.",
"prov": "published",
"source": "https://brand.github.com/motion/principles"
},
{
"name": "container-transform",
"use": "Morph an initiating container into the destination for modals and expanded views.",
"prov": "published",
"source": "https://brand.github.com/motion/principles"
},
{
"name": "container-masking",
"use": "Confine celebratory confirmation to the initiating element; copy, save, submit and similar actions only.",
"prov": "published",
"source": "https://brand.github.com/motion/principles"
},
{
"name": "lateral",
"use": "Move horizontally among related views at the same hierarchy level, including tabs and pricing.",
"prov": "published",
"source": "https://brand.github.com/motion/principles"
},
{
"name": "enter-exit",
"use": "Sequence arrivals and departures for menus, popovers, drawers and overlays.",
"prov": "published",
"source": "https://brand.github.com/motion/principles"
},
{
"name": "simple-ease",
"use": "Restrained, nearly immediate-feeling changes for hover, opacity, resizing and generic state changes.",
"prov": "published",
"source": "https://brand.github.com/motion/principles"
},
{
"name": "mono-typing",
"use": "Mechanical terminal rhythm; shifting cursor color represents contributors in hero eyebrows and testimonials.",
"prov": "published",
"source": "https://brand.github.com/motion/principles"
},
{
"name": "mona-pixels",
"use": "Processing, loading and successful outcomes; context-specific delight.",
"prov": "published",
"source": "https://brand.github.com/motion/principles"
},
{
"name": "primer-stagger",
"duration_ms": 100,
"use": "AnimationProvider default delay increment between children, not the duration of an animation. Default trigger on-visible; apply animation to River.Content rather than the whole river; use sparingly.",
"prov": "published",
"source": "https://primer.style/brand/introduction/animation/"
}
],
"signature": [
{
"id": "neutral-and-expressive",
"name": "Neutral text / expressive visual",
"where": "Core marketing compositions",
"spec": "Separate text and visuals with one green accent divider. Choose White, Gray or Black text panels, reserving color for the visual.",
"dont": "Place copy over busy illustration or use color as the only meaning.",
"prov": "published",
"source": "https://brand.github.com/graphic-elements/layouts"
},
{
"id": "visible-grid",
"name": "Selective visible grid",
"where": "Layouts, publications, event cards",
"spec": "Choose primary division and internal margins first. Key art occupies 1/3, 1/2 or 2/3. Default borders 2px; one accent border 4px. Preserve invisible grid through negative space.",
"dont": "Draw every grid line or crowd content into boxes.",
"prov": "published",
"source": "https://brand.github.com/graphic-elements/layouts"
},
{
"id": "contribution-cells",
"name": "Contribution graph cells",
"where": "Light branding, community and creative expression",
"spec": "Use the provided cell compositions; varying greens, subordinate gray, balanced positive/negative space. Light branding may use four squares in a row or column. In graph visuals, limit to one icon and one mascot, each within a cell.",
"dont": "Scatter cells, enlarge individual objects beyond a cell, texture product UI with the graph or combine it with dithering.",
"prov": "published",
"source": "https://brand.github.com/graphic-elements/textures"
},
{
"id": "dither",
"name": "Dither wallpaper",
"where": "Backgrounds, surfaces and event/environmental pattern",
"spec": "Binary on/off abstraction of contribution history. Scale to the application while keeping a wallpaper role; fade away from important UI.",
"dont": "Treat the pattern as key art or combine with contribution graph patterns.",
"prov": "published",
"source": "https://brand.github.com/graphic-elements/textures"
},
{
"id": "optimistic-blocks",
"name": "Optimistic daylight building blocks",
"where": "Key announcement art",
"spec": "Detailed 3D and isometric contribution landscapes; combine solid, cryptographic and transparent blocks with semantic icons. Flat profile is permitted when it tells the story better.",
"dont": "Force every story into mascot-over-cubes or use night lighting as the default illustration world.",
"prov": "published",
"source": "https://brand.github.com/graphic-elements/illustration"
},
{
"id": "mono-detail",
"name": "Technical mono detail",
"where": "Eyebrows, captions and system-like animated text",
"spec": "Mona Sans Mono supports short technical labels; pair with expressive Sans headlines or legible caption copy.",
"dont": "Use uppercase multiline mono or manually tracked headline/body text.",
"prov": "published",
"source": "https://brand.github.com/foundations/typography"
}
],
"layout": {
"page_margin": {
"desktop": 128,
"phone": 24
},
"section_padding": {
"desktop": 88,
"phone": 22
},
"container_max": 1184,
"hero_text_max": 526,
"columns": 2,
"columns_phone": 1,
"gutter": 0,
"gutter_phone": 0,
"card_gap": 0,
"nav_height": 68,
"note": "Measured on github.com 2026-10-31 at 1440 and 390. The page is drawn on a 1184px framed column (x128-1312) whose left and right edges are 1px #E4EBE6 vertical hairlines running the full page; cells inside it are divided by 1px #E4EBE6 rules, never gaps (gutter 0, card gap 0). Platform: 2 equal cells (592px); More ways: a 2-cell row then a 3-cell row (395px each); stats column 455px right of a 728px quote cell; stories 3 cells. Section H2 bands are full-width white strips bounded by hairlines, H2 88px below the band top. Header content x96-1344 (wider than the frame); footer content x112-1328. Phone: frame lines disappear, 24px side margin for text, 16px for H2 and hero controls; nav 52px tall. Section padding here = distance from a heading band's top rule to its H2 (88px desktop, 22px phone). Navigation is 68px desktop, 52px phone.",
"prov": "observed",
"source": "https://github.com/ (observed 2026-10-31)",
"desktop": {
"viewport_px": 1440,
"page_height_px": 7634,
"main_grid_x_px": 128,
"main_grid_width_px": 1184,
"main_grid_right_px": 1312,
"header_inner_x_px": 96,
"footer_inner_x_px": 112,
"footer_inner_width_px": 1216,
"platform_columns": 2,
"ways_columns_by_row": [
2,
3
],
"story_columns": 3,
"footer_columns": 4
},
"phone": {
"viewport_px": 390,
"page_height_px": 10274,
"main_width_px": 390,
"text_inset_px": 24,
"hero_inset_px": 16,
"testimonial_inset_px": 20,
"footer_inset_px": 24,
"footer_column_width_px": 155,
"footer_column_gap_px": 32,
"footer_columns": 2
},
"hairline": "1px solid #E4EBE6; screen grid differs from published 2px brand layout rule. Accent seams use multicolor 4px strips."
},
"type": [
{
"role": "Hero H1",
"id": "display-hero",
"face": "Mona Sans",
"size": {
"desktop": 56,
"phone": 36
},
"line_height": "1.1 desktop (61.6px), 1.2 phone (43.2px)",
"tracking_px": 0,
"weight": 440,
"prov": "observed",
"source": "https://github.com/ (observed 2026-10-31)",
"note": "desktop 56px/61.6px two centred lines 'Software still starts / with you'; phone 36px/43.2px"
},
{
"role": "Section H2 (GitHub Platform, More ways to use GitHub)",
"id": "section",
"face": "Mona Sans",
"size": {
"desktop": 40,
"phone": 28
},
"line_height": 1.2,
"tracking_px": 0,
"weight": 400,
"prov": "observed",
"source": "https://github.com/ (observed 2026-10-31)",
"note": "centred, full width; phone 28px/33.6px"
},
{
"role": "Enterprise intro H2 / community H2",
"id": "title-xl",
"face": "Mona Sans",
"size": {
"desktop": 34,
"phone": 24
},
"line_height": 1.3,
"tracking_px": 0,
"weight": 400,
"prov": "observed",
"source": "https://github.com/ (observed 2026-10-31)",
"note": "community H2 'Join the world's largest developer community' is weight 460; phone 24px/31.2px"
},
{
"role": "Testimonial quote",
"id": "quote",
"face": "Mona Sans",
"size": {
"desktop": 32,
"phone": 24
},
"line_height": 1.35,
"tracking_px": 0,
"weight": 480,
"prov": "observed",
"source": "https://github.com/ (observed 2026-10-31)",
"note": "desktop 32px/43.2px, phone 24px/32.4px"
},
{
"role": "Platform product title (GitHub, Copilot)",
"id": "title-l",
"face": "Mona Sans",
"size": {
"desktop": 28,
"phone": 22
},
"line_height": 1.35,
"tracking_px": 0,
"weight": 400,
"prov": "observed",
"source": "https://github.com/ (observed 2026-10-31)",
"note": "preceded by a 24px Octicon mark-github; centred"
},
{
"role": "Customer story title",
"id": "title-m",
"face": "Mona Sans",
"size": {
"desktop": 22,
"phone": 20
},
"line_height": 1.4,
"tracking_px": 0,
"weight": 400,
"prov": "observed",
"source": "https://github.com/ (observed 2026-10-31)"
},
{
"role": "Ways product title (Actions, Code Quality...)",
"id": "title-s",
"face": "Mona Sans",
"size": {
"desktop": 20,
"phone": 18
},
"line_height": 1.3,
"tracking_px": 0,
"weight": 400,
"prov": "observed",
"source": "https://github.com/ (observed 2026-10-31)"
},
{
"role": "Body / product description",
"id": "body-l",
"face": "Mona Sans",
"size": {
"desktop": 18,
"phone": 18
},
"line_height": 1.5,
"tracking_px": 0.18,
"weight": 400,
"prov": "observed",
"source": "https://github.com/ (observed 2026-10-31)",
"note": "colour #58635B"
},
{
"role": "Footer body / testimonial name",
"id": "body",
"face": "Mona Sans",
"size": {
"desktop": 16,
"phone": 16
},
"line_height": 1.5,
"tracking_px": 0.24,
"weight": 400,
"prov": "observed",
"source": "https://github.com/ (observed 2026-10-31)"
},
{
"role": "Button large",
"id": "button-l",
"face": "Mona Sans",
"size": {
"desktop": 16,
"phone": 16
},
"line_height": 1.5,
"tracking_px": 0.16,
"weight": 500,
"prov": "observed",
"source": "https://github.com/ (observed 2026-10-31)"
},
{
"role": "Button small, nav actions, footer links",
"id": "button-s",
"face": "Mona Sans",
"size": {
"desktop": 14,
"phone": 14
},
"line_height": 1.5,
"tracking_px": 0.21,
"weight": 500,
"prov": "observed",
"source": "https://github.com/ (observed 2026-10-31)"
},
{
"role": "Nav link",
"id": "nav",
"face": "Mona Sans",
"size": {
"desktop": 14,
"phone": 14
},
"line_height": 1.5,
"tracking_px": 0.24,
"weight": 400,
"prov": "observed",
"source": "https://github.com/ (observed 2026-10-31)"
},
{
"role": "Hero tab label",
"id": "tab",
"face": "Mona Sans",
"size": {
"desktop": 16,
"phone": 16
},
"line_height": 1.5,
"tracking_px": 0,
"weight": 400,
"prov": "observed",
"source": "https://github.com/ (observed 2026-10-31)",
"note": "#58635B; active tab #000 on a pill"
},
{
"role": "Big stat number",
"id": "stat-l",
"face": "Mona Sans Mono",
"size": {
"desktop": 34,
"phone": 24
},
"line_height": 1.3,
"tracking_px": 0,
"weight": 400,
"prov": "observed",
"source": "https://github.com/ (observed 2026-10-31)",
"note": "#08872B; 800M / 90%"
},
{
"role": "Ticker stat number",
"id": "stat-m",
"face": "Mona Sans Mono",
"size": {
"desktop": 28,
"phone": 22
},
"line_height": 1.35,
"tracking_px": 0,
"weight": 400,
"prov": "observed",
"source": "https://github.com/ (observed 2026-10-31)",
"note": "#08872B; 225M+"
},
{
"role": "Stat caption / eyebrow",
"id": "mono-caption",
"face": "Mona Sans Mono",
"size": {
"desktop": 14,
"phone": 14
},
"line_height": 1.5,
"tracking_px": 0.21,
"weight": 400,
"prov": "observed",
"source": "https://github.com/ (observed 2026-10-31)",
"note": "#58635B sentence case; 'BUILT WITH GITHUB' and footer column heads are uppercase weight 480"
},
{
"role": "Legal row",
"id": "mono-legal",
"face": "Mona Sans Mono",
"size": {
"desktop": 12,
"phone": 12
},
"line_height": 1.5,
"tracking_px": 0,
"weight": 500,
"prov": "observed",
"source": "https://github.com/ (observed 2026-10-31)",
"note": "uppercase #58635B"
}
],
"components": {
"button_primary": {
"fill": "#08872B",
"text": "#FFFFFF",
"border": "1px solid transparent",
"radius": 6,
"padding": "6px 20px (large, 43px tall inside the signup form); 0 12px (small, 32px)",
"height": 43,
"text_style": "Mona Sans 16px/24px weight 500, letter-spacing 0.16px (large); 14px/21px 500, 0.21px (small: Learn more, Subscribe)",
"example": "Sign up for GitHub 185x43 (hero form, inset 5px from the form edge); Learn more 64-ish x32; Subscribe 95x32",
"prov": "observed",
"source": "https://github.com/ (observed 2026-10-31)",
"states": {
"hover": {
"prov": "observed",
"css": {
"background-color": "color-mix(in srgb, #08872B, #000 16%)"
}
},
"active": {
"prov": "observed",
"css": {
"background": "linear-gradient(#0000003D,#0000003D), #08872B",
"border-color": "#0D6731"
}
},
"disabled": {
"prov": "observed",
"css": {
"background-color": "#B6BFB8",
"color": "#D2D9D4"
}
}
},
"padding_x": 20,
"font_size": 16,
"weight": 500
},
"button_secondary": {
"fill": "#F0F0F0",
"text": "#000000",
"border": "1px solid #D2D9D4",
"radius": 6,
"padding": "6px 20px large (53px tall: Download GitHub Copilot app 272x53); small 0 12px, 32px tall (See plans and pricing, Explore Actions 201x32 at its widest)",
"height": 53,
"text_style": "Mona Sans 16px/24px 500, 0.16px (large); 14px/21px 500, 0.21px (small)",
"example": "Download GitHub Copilot app 272x53; Start Enterprise free trial 231x43; Explore Code Security 32px tall",
"prov": "observed",
"source": "https://github.com/ (observed 2026-10-31)",
"states": {
"hover": {
"prov": "observed",
"css": {
"background-color": "rgba(0,0,0,0.12)"
}
},
"active": {
"prov": "observed",
"css": {
"background-color": "rgba(0,0,0,0.21)"
}
}
},
"padding_x": 20,
"font_size": 16,
"weight": 500,
"ring_px": 1,
"ring": "#D2D9D4",
"fill_note": "rgba(0,0,0,0.06) over the ground; #F0F0F0 is that over white"
},
"button_nav_signup": {
"fill": "#000000",
"text": "#FFFFFF",
"radius": 6,
"height": 32,
"padding": "0 12px",
"text_style": "Mona Sans 14px/21px 500, 0.21px",
"example": "Sign up at x1267 y18, 77x32; Sign in is a plain 14px/500 black text link at x1199",
"prov": "observed",
"source": "https://github.com/ (observed 2026-10-31)",
"padding_x": 12,
"font_size": 14,
"weight": 500
},
"signup_form": {
"fill": "rgba(0,0,0,0.06) on white (hero); #F2F5F3 on the community band",
"border": "1px solid #D2D9D4",
"radius": 8,
"height": 53,
"padding": "5px (the green button sits inset 5px from top/right/bottom)",
"text_style": "label 'Enter your email' Mona Sans 14px/21px 400 #58635B, 20px from the left edge; no visible input border",
"example": "Hero 455x53 at x351 y345, button 185x43 at x616; community form 471x53",
"note": "Desktop: one row, label left, green button right. Phone: the hero form stacks into a 358x106 box (input row above, full-width 348x43 button below).",
"prov": "observed",
"source": "https://github.com/ (observed 2026-10-31)"
},
"announcement_pill": {
"fill": "#F9FBF9",
"border": "1px solid #E4EBE6",
"radius": "pill",
"height": 46,
"padding": "8px",
"text_style": "Mona Sans 16px/24px 400 #000000, 0.21px",
"example": "316x46 pill at x562 y128 (phone 291x46 at x49 y100): 8px padding; 48x28 hero-ducky-badge.png at its left (x571); label 'GitHub Universe '26 Recap' 16px #000 at x627; then a 24x24 circle (#F2F5F3 fill, 1px #D2D9D4 ring) holding a 16px #58635B chevron-right at x845. Never a bare chevron.",
"prov": "observed",
"source": "https://github.com/ (observed 2026-10-31)"
},
"search_field": {
"fill": "#FFFFFF",
"border": "1px solid #B6BFB8",
"radius": 6,
"height": 36,
"padding": "1px 4px 1px 12px",
"text_style": "Mona Sans 16px/24px 400 #58635B 'Search'",
"example": "200x36 at x978 y16 with a 20x20 '/' key badge (1px #B6BFB8 ring, radius 4) at its right",
"prov": "observed",
"source": "https://github.com/ (observed 2026-10-31)"
},
"product_frame": {
"fill": "transparent outer card on the white ground; inner screenshot surface #FFFFFF",
"border": "outer 1px solid #D2D9D4 radius 6; inner screenshot 1px #D2D9D4 radius 8 0 0 8 (or 8 all round for the 2-up 'ways' cards)",
"radius": 6,
"padding": "30px top/left; the screenshot bleeds off the right edge of the outer card (and off the bottom for the platform cards)",
"example": "Platform card 473x443 holding a 442x378 shot; ways card 315x350 holding 284x288. The outer card is a #F2F5F3 field ruled with a 1px #D2D9D4 grid (~10px cells, fading to white towards the bottom): use card-frame-*.svg as its backdrop. A 4px solid accent rule runs down the screenshot's left edge (starting 4px outside it) and along its bottom edge, sampled from the reference: GitHub and Actions #08872B, Copilot and Code Quality #5FB9FF, Code Security #FF80D2, Secret Protection #DA7210, Codespaces #4956E5. The hero video frame has the same treatment in #08872B.",
"prov": "observed",
"source": "https://github.com/ (observed 2026-10-31)",
"note": "card-frame-*.svg and hero-grid-backdrop.svg are drawn in 10px user units (viewBox 48x45 etc., preserveAspectRatio none): place them as ![]()
stretched to the card box (width:100%;height:100%). Their grid lines carry stroke-width 0.094 so they render about 1px, #D2D9D4 on #F2F5F3, faint: the grid must read as a pale ruled field, never a dark pattern. The gradient inside each SVG fades the grid out towards the top. Screenshot images are never distorted: object-fit cover, anchored top-left, the frame clips the overflow."
},
"activity_ticker_card": {
"fill": "#F2F5F3",
"border": "1px top and bottom #D2D9D4, no side borders except a 1px divider between cards",
"radius": 0,
"height": 109,
"padding": "24px",
"text_style": "event line Mona Sans 14px/21px 400 #000 with a 20px rounded green octicon tile; repo line 14px #58635B; the stat card is white with '225M+' Mona Sans Mono 28px/37.8px #08872B and 'developers building on GitHub' Mona Sans Mono 14px #58635B",
"example": "Row of ~300-380px cards spanning the full width at y1533; a 32px circular pause button at the right edge",
"prov": "observed",
"source": "https://github.com/ (observed 2026-10-31)",
"note": "Phone keeps ONE horizontal row: y1300, 142px tall, cards 290-325px wide in the same order, clipped by both viewport edges; the 225M+ card is the second card (x303). Never stack the stat above the row."
},
"stat_cell": {
"fill": "#FFFFFF",
"border": "1px top #E4EBE6 between the two stacked cells; 1px #E4EBE6 left rule",
"radius": 0,
"text_style": "number Mona Sans Mono 34px/44.2px 400 #08872B; caption Mona Sans Mono 14px/21px 400 #58635B, 0.21px",
"example": "800M / public and open source repositories; 90% / of the Fortune 100 uses GitHub (text x904)",
"prov": "observed",
"source": "https://github.com/ (observed 2026-10-31)"
},
"quote_mark_tile": {
"fill": "#EBF9F4",
"text": "#08872B",
"radius": 8,
"height": 56,
"example": "56x56 tile holding a bold green open-quote glyph, above the testimonial",
"note": "Primer Brand token --brand-Testimonial-quoteMarkBackground-green #EBF9F4 with quoteMarkColor-green #08872B (live CSS); pixel-checked on the screenshot",
"prov": "observed",
"source": "https://github.com/ (observed 2026-10-31)"
},
"carousel_controls": {
"fill": "#F2F5F3 capsule, no border",
"radius": "pill",
"height": 42,
"padding": "6px, gap 10px",
"example": "One capsule 155x42 at x177 y5013 (desktop; phone x37 y6141): [30px white circle, 1px #D2D9D4 ring, chevron-left] [dots group 63px: active dash 15x6 #58635B, then four 6x6 dots #77827A, 6px gaps] [30px white circle, chevron-right]. All inside the one grey capsule; never loose circles.",
"prov": "observed",
"source": "https://github.com/ (observed 2026-10-31)"
},
"story_card": {
"fill": "#FFFFFF",
"border": "1px #E4EBE6 column rules, no card box",
"radius": 0,
"text_style": "title Mona Sans 22px/30.8px 400 #000 (3-4 lines in a 208px-wide column); logo PNG used as a CSS mask, flat #58635B, about 40px tall, at the top of the cell; under the title (about 50px below) a 32x32 circular button: 1px solid #B6BFB8 ring, white fill, a 16px chevron-right #0055D5 centred. Every card's button sits at the same y (5654 on desktop) regardless of title length.",
"prov": "observed",
"source": "https://github.com/ (observed 2026-10-31)",
"note": "The live site tints each customer-story PNG with a CSS mask. From a local file:// page Chromium blocks a mask URL, so either inline the PNG as a data URL in the mask or use ![]()
with a grey filter; the visible result must be a flat #58635B logo."
},
"footer_link": {
"text": "#000000",
"text_style": "links Mona Sans 14px/21px 500 #000, 40px row pitch (GitHub y6987, Actions y7027 ...); column heading Mona Sans Mono 14px/21px 480 #58635B uppercase at y6950; legal row Mona Sans Mono 12px/18px 500 uppercase #58635B",
"prov": "observed",
"source": "https://github.com/ (observed 2026-10-31)"
},
"hero_tabs": {
"fill": "#F2F5F3 (inactive) / #F9FBF9 (active)",
"text": "#58635B inactive, #000000 active",
"border": "inactive 1px transparent; active 1px solid #D2D9D4",
"radius": "pill",
"height": 42,
"padding": "8px 16px",
"text_style": "Mona Sans 16px/24px 400",
"example": "Five pills in one row centred under the hero video: Review changes 154px, Direct the fix, Check the results (active at rest), Approve and merge, See it shipped; gap 12px; list x283-1106 at y1399 on desktop; a 42px circular pause button (1px #D2D9D4 ring, octicon-pause) follows the last pill. The active pill carries a progress fill #E4EBE6 from its left edge (about half its width at rest). Phone: the same pills in one horizontally scrolling row starting x24, clipped at the right edge (no wrapping), y1108.",
"prov": "observed",
"source": "https://github.com/ (observed 2026-10-31)"
},
"multicolor_seam": {
"fill": "six equal 240px segments, 4px tall, edge to edge (0-1440)",
"example": "SEAM A at y526-529 between the white hero top and the grey video ground: #0377FF, #0FBF3E, #0377FF, #C898FD, #FF80D2, #08872B (left to right). SEAM B at y2590-2593 closing the GitHub Platform band: #C898FD, #FF80D2, #5FB9FF, #0FBF3E, #5FB9FF, #0D6731. Both are NEVER omitted: they are the page's signature dividers.",
"note": "Phone: the same segments scaled to 390 (65px each), still 4px tall.",
"prov": "observed",
"source": "https://github.com/ (observed 2026-10-31), pixel-sampled from the reference"
},
"story_progress_bar": {
"fill": "eight equal 148px segments across the 1184px frame (x128-1312), 7px tall, y5357-5364",
"example": "left to right: #D2D9D4, #B6BFB8, #8DD6FF, #FF80D2, #C898FD, #08872B, #0FBF3E, #C898FD; progress-ducky.png (32x31) sits on its right end at x1284 y5346",
"prov": "observed",
"source": "https://github.com/ (observed 2026-10-31), pixel-sampled"
}
},
"page": {
"source": "github.com (observed 2026-10-31)",
"date": "2026-10-31",
"prov": "observed",
"nav": {
"summary": "Single white header with black Invertocat, five links, search and account actions.",
"ground": "#FFFFFF",
"height": 68,
"border": "1px solid #E4EBE6 bottom",
"logo": "variant black Invertocat; px 32; position x96 y18",
"links": "count 5; labels Products, Developers, Businesses, Resources, Pricing; size 14; weight 400; color #000000; alignment left, x144 through x635; first four have down chevrons",
"actions": [
"Search",
"Sign in",
"Sign up"
],
"sticky": "Header appears at y0; scroll persistence not established by static evidence.",
"phone": "height px 52; logo 24px at x16 y14; what shows Invertocat, Sign in account icon, menu hamburger; menu right 56px cell, closed at rest; CTA no visible desktop signup/search; account icon x286",
"phone_cells": "Phone header 52px: four cells divided by 1px #E4EBE6 vertical rules: logo cell x0-56 (24px mark centred), open middle, account cell x278-334 (Sign in as a 32px person icon button), menu cell x334-390 (hamburger). Bottom rule 1px #E4EBE6."
},
"hero": {
"summary": "Centered announcement and two-line headline above signup and app download, Mona peeks over multicolor seam into full-width grid video ground.",
"desktop": "column split one centered column; vertical anchors px (announcement 128; heading 190; form 345; mascot canvas 435; grid seam 526; video 595; tabs 1399); text max width px 526; media video x151 y595 w1138 h767; grid x0 y526 w1440 h840; UI clipping with rounded outer frame and green left/bottom edge; CTA form x351 y345 w455 h53; adjacent download button, 12px gap",
"phone": "order announcement, headline, stacked email and signup, download, Mona, cropped UI, tabs, carousel controls; alignment center; heading 36px/43.2px; two lines; form x16 y280 w358 h106; download x16 y398 w358 h53; grid y581 h500; media x-177 y648 w542 h365; crop at viewport edges; do not fit the entire desktop screenshot",
"at_rest": "hero video Use hero-video-rest-frame.jpg, frame at 12.5 seconds: Fix dark mode toggle session, review-required pane. MP4 playback optional; animation only.; active tab Check the results; mascot hero-mona-peek-crop.png at grid seam; original WebGL animation only",
"media": [
"hero-video-rest-frame.jpg",
"hero-video-light.mp4",
"hero-grid-backdrop.svg",
"hero-ducky-badge.png",
"hero-mona-peek-crop.png"
],
"type": "See kit.spec.type, exact per-run records.",
"cta": [
"Enter your email",
"Sign up for GitHub",
"Download GitHub Copilot app"
],
"proof": "Live activity row follows tabs.",
"tabs": [
"Review changes",
"Direct the fix",
"Check the results",
"Approve and merge",
"See it shipped"
],
"heading": "Software still starts with you",
"announcement": "GitHub Universe ‘26 Recap",
"headline_lines": [
"Software still starts",
"with you"
],
"headline_rule": "Set as two forced lines (two block spans): 'Software still starts' / 'with you', centred, on both desktop (h1 box x457 y190 w526 h123, 56px/61.6px weight 440) and phone (x25 y162 w341, 36px/43.2px, 2 lines). Do not let it rewrap as 'Software still / starts with you'.",
"frame_rails": "The page frame starts in the hero: 1px #E4EBE6 vertical rails at x128 and x1312 run from the bottom of the nav (y68) down to the multicolour seam at y526 and continue through every white section to the footer; horizontal 1px #E4EBE6 rules close each section band edge-to-edge between the rails (and full-bleed where the measured boxes say so). Phone: no rails.",
"never": [
"The grey grid ground (#F2F5F3, hero-grid-backdrop.svg) spans y526-1366 only; the tab pills (y1399) and pause button sit on WHITE below it.",
"Seam A runs the full 1440px width uninterrupted; Mona (hero-mona-peek-crop.png, shown at 210x95 desktop, about 150x68 phone) sits ON TOP of it, centred at x720, its bottom edge on y526.",
"Product screenshots keep their aspect ratio: crop with object-fit: cover / object-position: left top inside the frame, never squeeze.",
"Phone hero tabs: same pills, one horizontally scrolled row, then the pause button; never a different control."
]
},
"sections": [
{
"name": "Live activity",
"summary": "Full-bleed horizontally clipped activity ticker with a fixed developer statistic.",
"ground": "#FFFFFF",
"desktop": "y px 1533; end y px 1642; height px 109; media ",
"phone": "y px 1300; end y px 1480; height px 180; media ",
"anatomy": [
"Desktop row h109; phone row h184 approximately, edge fades, pause control.",
"Dynamic feed: repo forked, pull request, push and branch merged cards. Preserve exact screenshot-visible strings; probe captures a different moment. Desktop: pull request from kairos-code-dev; zlink-systems/zlink · 5 minutes ago; repo forked from howtimeschange; DingTalk-Real-AI/dingtalk-workspace-cli · 5 minutes ago; push from djungelorm; krpc/krpc · yesterday. Phone: push from Commander-hill; Commander-hill/akwaaba-homes; yesterday.",
"Publish 225M+ developers building on GitHub. Phone screenshot catches a clipped animated counter; do not replace published 225M+ with 0M+."
],
"components": [
"activity cards",
"225M+ statistic",
"pause"
],
"at_rest_cards_as_in_reference": [
"card 1 (clipped by the left viewport edge): green-tile pull-request octicon + 'pull request from kairos-code-dev' / 'zlink-systems/zlink · 5 minutes ago'",
"card 2 (white, x~295-600): '225M+' Mona Sans Mono 28px #08872B / 'developers building on GitHub' Mona Sans Mono 14px #58635B",
"card 3: fork octicon + 'repo forked from howtimeschange' / 'DingTalk-Real-AI/dingtalk-workspace-cli · 5 minutes ago'",
"card 4: push octicon + 'push from djungelorm' / 'krpc/krpc · yesterday'",
"card 5 (clipped by the right edge, under a white fade): 'branch merged from ...' / 'yoshigoto/dns-...'",
"32px white circular pause button with 1px #D2D9D4 ring at the right edge (x~1390), vertically centred",
"each event line: event type in #000 then 'from' in #58635B then the user in #000; second line repo in #000, ' · 5 minutes ago' in #58635B",
"row y1533-1642 (109px), ground #F2F5F3 cards with 1px #D2D9D4 top/bottom rules and 1px dividers; the stat card ground #FFFFFF; left and right ends fade to white (~120px)"
],
"dynamic": "Live feed: the strings change constantly; use the reference strings above. Animation only: horizontal scroll."
},
{
"name": "GitHub Platform",
"summary": "Heading band then two equal bordered product cells.",
"ground": "#FFFFFF",
"desktop": "y px 1642; end y px 2592; height px 950",
"desktop_text": [
"h2 \"GitHub Platform\" x16 y1730 w1408 h48 · Mona Sans 40/48 wt400 #000000",
"h3 \"GitHub\" x362 y2374 w125 h38 · Mona Sans 28/37.8 wt400 #000000",
"p \"Repository hosting, code review, and collaboration.\" x207 y2420 w434 h27 · Mona Sans 18/27 wt400 ls0.18px #58635B",
"span \"Learn more\" x294 y2476 w77 h21 · Mona Sans 14/21 wt500 ls0.21px #FFFFFF",
"span \"See plans and pricing\" x409 y2476 w146 h21 · Mona Sans 14/21 wt500 ls0.21px #000000",
"h3 \"Copilot\" x953 y2373 w125 h38 · Mona Sans 28/37.8 wt400 #000000",
"p \"AI coding agent for tasks, projects and automated work\" x780 y2419 w472 h54 · Mona Sans 18/27 wt400 ls0.18px #58635B",
"span \"Learn more\" x886 y2503 w77 h21 · Mona Sans 14/21 wt500 ls0.21px #FFFFFF",
"span \"See plans and pricing\" x1000 y2503 w146 h21 · Mona Sans 14/21 wt500 ls0.21px #000000"
],
"desktop_media": [
"svg x189 y1900 w471 h441 .Svg__yJ0wP1",
"img x219 y1932 w441 h376 alt\"A pull request with a merge stack\" features-platform-1-light.jpg .FeatureGridVisual__image__oUVc",
"svg x362 y2381 w24 h24 .octicon octicon-mark-github",
"svg x781 y1895 w470 h450 .Svg__yJ0wP1",
"img x811 y1932 w440 h376 alt\"GitHub Copilot working with repository context\" features-platform-2-light.jpg .FeatureGridVisual__image__oUVc",
"svg x953 y2380 w24 h24 .octicon octicon-mark-github"
],
"desktop_borders": [
"box x188 y1899 w473 h443 top[1px solid rgb(210, 217, 212)] left[1px solid rgb(210, 217, 212)] right[1px solid rgb(210, 217, 212)] bottom[1px solid rgb(210, 217, 212)] r6px bgtransparent",
"box x218 y1931 w442 h378 top[1px solid rgb(210, 217, 212)] left[1px solid rgb(210, 217, 212)] right[0px solid rgb(210, 217, 212)] bottom[1px solid rgb(210, 217, 212)] r8px 0px 0px 8px bg#FFFFFF",
"box x780 y1899 w472 h443 top[1px solid rgb(210, 217, 212)] left[1px solid rgb(210, 217, 212)] right[1px solid rgb(210, 217, 212)] bottom[1px solid rgb(210, 217, 212)] r6px bgtransparent",
"box x810 y1931 w441 h378 top[1px solid rgb(210, 217, 212)] left[1px solid rgb(210, 217, 212)] right[0px solid rgb(210, 217, 212)] bottom[1px solid rgb(210, 217, 212)] r8px 0px 0px 8px bg#FFFFFF"
],
"phone": "y px 1480; end y px 2769; height px 1289",
"phone_text": [
"h2 \"GitHub Platform\" x16 y1502 w358 h34 · Mona Sans 28/33.6 wt400 #000000",
"h3 \"GitHub\" x142 y1982 w105 h29 · Mona Sans 22/28.6 wt400 #000000",
"p \"Repository hosting, code review, and collaboration.\" x24 y2018 w342 h54 · Mona Sans 18/27 wt400 ls0.18px #58635B",
"span \"Learn more\" x65 y2102 w77 h21 · Mona Sans 14/21 wt500 ls0.21px #FFFFFF",
"span \"See plans and pricing\" x179 y2102 w146 h21 · Mona Sans 14/21 wt500 ls0.21px #000000",
"h3 \"Copilot\" x142 y2575 w106 h29 · Mona Sans 22/28.6 wt400 #000000",
"p \"AI coding agent for tasks, projects and automated work\" x24 y2612 w342 h54 · Mona Sans 18/27 wt400 ls0.18px #58635B",
"span \"Learn more\" x65 y2695 w77 h21 · Mona Sans 14/21 wt500 ls0.21px #FFFFFF",
"span \"See plans and pricing\" x179 y2695 w146 h21 · Mona Sans 14/21 wt500 ls0.21px #000000"
],
"phone_media": [
"svg x0 y1582 w390 h370 .Svg__yJ0wP1",
"img x32 y1628 w326 h278 alt\"A pull request with a merge stack\" features-platform-1-light.jpg .FeatureGridVisual__image__oUVc",
"svg x142 y1984 w24 h24 .octicon octicon-mark-github",
"svg x0 y2175 w390 h370 .Svg__yJ0wP1",
"img x32 y2221 w326 h278 alt\"GitHub Copilot working with repository context\" features-platform-2-light.jpg .FeatureGridVisual__image__oUVc",
"svg x142 y2577 w24 h24 .octicon octicon-mark-github"
],
"phone_borders": [
"box x0 y1584 w390 h366 top[1px solid rgb(210, 217, 212)] left[0px solid rgb(210, 217, 212)] right[0px solid rgb(210, 217, 212)] bottom[1px solid rgb(210, 217, 212)] r0px bgtransparent",
"box x31 y1627 w328 h280 top[1px solid rgb(210, 217, 212)] left[1px solid rgb(210, 217, 212)] right[1px solid rgb(210, 217, 212)] bottom[1px solid rgb(210, 217, 212)] r8px bg#FFFFFF",
"box x0 y2176 w390 h593 top[1px solid rgb(228, 235, 230)] left[0px none rgb(0, 0, 0)] right[0px none rgb(0, 0, 0)] bottom[0px none rgb(0, 0, 0)] r0px bgtransparent",
"box x0 y2177 w390 h366 top[1px solid rgb(210, 217, 212)] left[0px solid rgb(210, 217, 212)] right[0px solid rgb(210, 217, 212)] bottom[1px solid rgb(210, 217, 212)] r0px bgtransparent",
"box x31 y2220 w328 h280 top[1px solid rgb(210, 217, 212)] left[1px solid rgb(210, 217, 212)] right[1px solid rgb(210, 217, 212)] bottom[1px solid rgb(210, 217, 212)] r8px bg#FFFFFF"
],
"anatomy": [
"Desktop grid x128–1312 split at720; media inside 60px cell inset; center product mark/title and copy, then two compact CTAs.",
"Phone full-width image ground followed by centered white copy panel, then second product; no two-column squeeze.",
"Products in order: GitHub; Copilot. CTAs Learn more; See plans and pricing."
],
"components": [
"platform-github-pr-stack.jpg",
"platform-copilot-agent.jpg",
"card-frame-platform-github.svg",
"card-frame-platform-copilot.svg",
"product-title-github-mark.svg"
]
},
{
"name": "More ways to use GitHub",
"summary": "Five product cards: two equal upper cards and three equal lower cards.",
"ground": "#FFFFFF",
"desktop": "y px 2592; end y px 3981; height px 1389",
"desktop_text": [
"h2 \"More ways to use GitHub\" x16 y2681 w1408 h48 · Mona Sans 40/48 wt400 #000000",
"h3 \"Actions\" x188 y3213 w71 h26 · Mona Sans 20/26 wt400 #000000",
"p \"CI/CD and automation\" x188 y3239 w195 h27 · Mona Sans 18/27 wt400 ls0.18px #58635B",
"span \"Explore Actions\" x201 y3287 w108 h21 · Mona Sans 14/21 wt500 ls0.21px #000000",
"h3 \"Code Quality\" x780 y3212 w123 h26 · Mona Sans 20/26 wt400 #000000",
"p \"Quality analysis, fixes, and enforcement\" x780 y3238 w341 h27 · Mona Sans 18/27 wt400 ls0.18px #58635B",
"span \"Explore Code Quality\" x793 y3287 w145 h21 · Mona Sans 14/21 wt500 ls0.21px #000000",
"h3 \"Code Security\" x168 y3817 w132 h26 · Mona Sans 20/26 wt400 #000000",
"p \"Vulnerability detection and response\" x168 y3843 w313 h27 · Mona Sans 18/27 wt400 ls0.18px #58635B",
"span \"Explore Code Security\" x181 y3891 w152 h21 · Mona Sans 14/21 wt500 ls0.21px #000000",
"h3 \"Secret Protection\" x563 y3817 w162 h26 · Mona Sans 20/26 wt400 #000000",
"p \"Secret scanning and leak prevention\" x563 y3843 w312 h27 · Mona Sans 18/27 wt400 ls0.18px #58635B",
"span \"Explore Secret Protection\" x576 y3891 w175 h21 · Mona Sans 14/21 wt500 ls0.21px #000000",
"h3 \"Codespaces\" x958 y3816 w118 h26 · Mona Sans 20/26 wt400 #000000",
"p \"Cloud development environments\" x958 y3842 w288 h27 · Mona Sans 18/27 wt400 ls0.18px #58635B",
"span \"Explore Codespaces\" x971 y3890 w140 h21 · Mona Sans 14/21 wt500 ls0.21px #000000"
],
"desktop_media": [
"svg x189 y2849 w471 h333 .Svg__yJ0wP1",
"img x220 y2883 w409 h265 alt\"A successful GitHub Actions workflow\" features-ways-1-light.jpg .FeatureGridVisual__image__oUVc",
"svg x781 y2850 w470 h330 .Svg__yJ0wP1",
"img x812 y2883 w408 h265 alt\"A code quality autofix suggestion\" features-ways-2-light.jpg .FeatureGridVisual__image__oUVc",
"svg x169 y3434 w313 h352 .Svg__yJ0wP1",
"img x199 y3467 w283 h286 alt\"A code injection security alert\" features-ways-3-light.jpg .FeatureGridVisual__image__oUVc",
"svg x564 y3434 w313 h352 .Svg__yJ0wP1",
"img x594 y3467 w283 h286 alt\"A leaked password security alert\" features-ways-4-light.jpg .FeatureGridVisual__image__oUVc",
"svg x959 y3434 w312 h351 .Svg__yJ0wP1",
"img x989 y3467 w282 h285 alt\"A GitHub Codespaces environment selector\" features-ways-5-light.jpg .FeatureGridVisual__image__oUVc"
],
"desktop_borders": [
"box x188 y2850 w473 h331 top[1px solid rgb(210, 217, 212)] left[1px solid rgb(210, 217, 212)] right[1px solid rgb(210, 217, 212)] bottom[1px solid rgb(210, 217, 212)] r6px bgtransparent",
"box x219 y2882 w411 h267 top[1px solid rgb(210, 217, 212)] left[1px solid rgb(210, 217, 212)] right[1px solid rgb(210, 217, 212)] bottom[1px solid rgb(210, 217, 212)] r8px bg#FFFFFF",
"box x780 y2850 w472 h330 top[1px solid rgb(210, 217, 212)] left[1px solid rgb(210, 217, 212)] right[1px solid rgb(210, 217, 212)] bottom[1px solid rgb(210, 217, 212)] r6px bgtransparent",
"box x811 y2882 w410 h267 top[1px solid rgb(210, 217, 212)] left[1px solid rgb(210, 217, 212)] right[1px solid rgb(210, 217, 212)] bottom[1px solid rgb(210, 217, 212)] r8px bg#FFFFFF",
"box x128 y3374 w395 h604 top[1px solid rgb(228, 235, 230)] left[1px solid rgb(228, 235, 230)] right[0px none rgb(0, 0, 0)] bottom[0px none rgb(0, 0, 0)] r0px bgtransparent",
"box x168 y3435 w315 h350 top[1px solid rgb(210, 217, 212)] left[1px solid rgb(210, 217, 212)] right[1px solid rgb(210, 217, 212)] bottom[1px solid rgb(210, 217, 212)] r6px bgtransparent",
"box x198 y3466 w284 h288 top[1px solid rgb(210, 217, 212)] left[1px solid rgb(210, 217, 212)] right[0px solid rgb(210, 217, 212)] bottom[1px solid rgb(210, 217, 212)] r8px 0px 0px 8px bg#FFFFFF",
"box x523 y3374 w395 h604 top[1px solid rgb(228, 235, 230)] left[1px solid rgb(228, 235, 230)] right[0px none rgb(0, 0, 0)] bottom[0px none rgb(0, 0, 0)] r0px bgtransparent",
"box x563 y3435 w315 h350 top[1px solid rgb(210, 217, 212)] left[1px solid rgb(210, 217, 212)] right[1px solid rgb(210, 217, 212)] bottom[1px solid rgb(210, 217, 212)] r6px bgtransparent",
"box x593 y3466 w284 h288 top[1px solid rgb(210, 217, 212)] left[1px solid rgb(210, 217, 212)] right[0px solid rgb(210, 217, 212)] bottom[1px solid rgb(210, 217, 212)] r8px 0px 0px 8px bg#FFFFFF",
"box x563 y3886 w201 h32 top[1px solid rgb(210, 217, 212)] left[1px solid rgb(210, 217, 212)] right[1px solid rgb(210, 217, 212)] bottom[1px solid rgb(210, 217, 212)] r6px bg#000000@0.06",
"box x917 y3374 w395 h604 top[1px solid rgb(228, 235, 230)] left[1px solid rgb(228, 235, 230)] right[1px solid rgb(228, 235, 230)] bottom[0px none rgb(0, 0, 0)] r0px bgtransparent",
"box x958 y3435 w314 h349 top[1px solid rgb(210, 217, 212)] left[1px solid rgb(210, 217, 212)] right[1px solid rgb(210, 217, 212)] bottom[1px solid rgb(210, 217, 212)] r6px bgtransparent",
"box x988 y3466 w283 h287 top[1px solid rgb(210, 217, 212)] left[1px solid rgb(210, 217, 212)] right[0px solid rgb(210, 217, 212)] bottom[1px solid rgb(210, 217, 212)] r8px 0px 0px 8px bg#FFFFFF"
],
"phone": "y px 2769; end y px 5175; height px 2406",
"phone_text": [
"h2 \"More ways to use GitHub\" x16 y2834 w358 h34 · Mona Sans 28/33.6 wt400 #000000",
"h3 \"Actions\" x24 y3221 w64 h23 · Mona Sans 18/23.4 wt400 #000000",
"p \"CI/CD and automation\" x24 y3245 w195 h27 · Mona Sans 18/27 wt400 ls0.18px #58635B",
"span \"Explore Actions\" x37 y3293 w108 h21 · Mona Sans 14/21 wt500 ls0.21px #000000",
"h3 \"Code Quality\" x24 y3674 w111 h23 · Mona Sans 18/23.4 wt400 #000000",
"p \"Quality analysis, fixes, and enforcement\" x24 y3697 w341 h27 · Mona Sans 18/27 wt400 ls0.18px #58635B",
"span \"Explore Code Quality\" x37 y3745 w145 h21 · Mona Sans 14/21 wt500 ls0.21px #000000",
"h3 \"Code Security\" x24 y4126 w119 h23 · Mona Sans 18/23.4 wt400 #000000",
"p \"Vulnerability detection and response\" x24 y4149 w313 h27 · Mona Sans 18/27 wt400 ls0.18px #58635B",
"span \"Explore Code Security\" x37 y4198 w152 h21 · Mona Sans 14/21 wt500 ls0.21px #000000",
"h3 \"Secret Protection\" x24 y4578 w146 h23 · Mona Sans 18/23.4 wt400 #000000",
"p \"Secret scanning and leak prevention\" x24 y4602 w312 h27 · Mona Sans 18/27 wt400 ls0.18px #58635B",
"span \"Explore Secret Protection\" x37 y4650 w175 h21 · Mona Sans 14/21 wt500 ls0.21px #000000",
"h3 \"Codespaces\" x24 y5031 w106 h23 · Mona Sans 18/23.4 wt400 #000000",
"p \"Cloud development environments\" x24 y5054 w288 h27 · Mona Sans 18/27 wt400 ls0.18px #58635B",
"span \"Explore Codespaces\" x37 y5103 w140 h21 · Mona Sans 14/21 wt500 ls0.21px #000000"
],
"phone_media": [
"svg x0 y2913 w390 h280 .Svg__yJ0wP1",
"img x32 y2947 w326 h212 alt\"A successful GitHub Actions workflow\" features-ways-1-light.jpg .FeatureGridVisual__image__oUVc",
"svg x0 y3365 w390 h280 .Svg__yJ0wP1",
"img x32 y3399 w326 h212 alt\"A code quality autofix suggestion\" features-ways-2-light.jpg .FeatureGridVisual__image__oUVc",
"svg x0 y3817 w390 h280 .Svg__yJ0wP1",
"img x32 y3852 w326 h212 alt\"A code injection security alert\" features-ways-3-light.jpg .FeatureGridVisual__image__oUVc",
"svg x0 y4270 w390 h280 .Svg__yJ0wP1",
"img x32 y4304 w326 h212 alt\"A leaked password security alert\" features-ways-4-light.jpg .FeatureGridVisual__image__oUVc",
"svg x0 y4722 w390 h280 .Svg__yJ0wP1",
"img x32 y4756 w326 h212 alt\"A GitHub Codespaces environment selector\" features-ways-5-light.jpg .FeatureGridVisual__image__oUVc"
],
"phone_borders": [
"box x0 y2916 w390 h273 top[1px solid rgb(210, 217, 212)] left[0px solid rgb(210, 217, 212)] right[0px solid rgb(210, 217, 212)] bottom[1px solid rgb(210, 217, 212)] r0px bgtransparent",
"box x31 y2946 w328 h214 top[1px solid rgb(210, 217, 212)] left[1px solid rgb(210, 217, 212)] right[1px solid rgb(210, 217, 212)] bottom[1px solid rgb(210, 217, 212)] r8px bg#FFFFFF",
"box x0 y3368 w390 h452 top[1px solid rgb(228, 235, 230)] left[0px none rgb(0, 0, 0)] right[0px none rgb(0, 0, 0)] bottom[0px none rgb(0, 0, 0)] r0px bgtransparent",
"box x0 y3369 w390 h273 top[1px solid rgb(210, 217, 212)] left[0px solid rgb(210, 217, 212)] right[0px solid rgb(210, 217, 212)] bottom[1px solid rgb(210, 217, 212)] r0px bgtransparent",
"box x31 y3398 w328 h214 top[1px solid rgb(210, 217, 212)] left[1px solid rgb(210, 217, 212)] right[1px solid rgb(210, 217, 212)] bottom[1px solid rgb(210, 217, 212)] r8px bg#FFFFFF",
"box x0 y3820 w390 h452 top[1px solid rgb(228, 235, 230)] left[0px none rgb(0, 0, 0)] right[0px none rgb(0, 0, 0)] bottom[0px none rgb(0, 0, 0)] r0px bgtransparent",
"box x0 y3821 w390 h273 top[1px solid rgb(210, 217, 212)] left[0px solid rgb(210, 217, 212)] right[0px solid rgb(210, 217, 212)] bottom[1px solid rgb(210, 217, 212)] r0px bgtransparent",
"box x31 y3851 w328 h214 top[1px solid rgb(210, 217, 212)] left[1px solid rgb(210, 217, 212)] right[1px solid rgb(210, 217, 212)] bottom[1px solid rgb(210, 217, 212)] r8px bg#FFFFFF",
"box x0 y4272 w390 h452 top[1px solid rgb(228, 235, 230)] left[0px none rgb(0, 0, 0)] right[0px none rgb(0, 0, 0)] bottom[0px none rgb(0, 0, 0)] r0px bgtransparent",
"box x0 y4273 w390 h273 top[1px solid rgb(210, 217, 212)] left[0px solid rgb(210, 217, 212)] right[0px solid rgb(210, 217, 212)] bottom[1px solid rgb(210, 217, 212)] r0px bgtransparent",
"box x31 y4303 w328 h214 top[1px solid rgb(210, 217, 212)] left[1px solid rgb(210, 217, 212)] right[1px solid rgb(210, 217, 212)] bottom[1px solid rgb(210, 217, 212)] r8px bg#FFFFFF",
"box x24 y4645 w201 h32 top[1px solid rgb(210, 217, 212)] left[1px solid rgb(210, 217, 212)] right[1px solid rgb(210, 217, 212)] bottom[1px solid rgb(210, 217, 212)] r6px bg#000000@0.06",
"box x0 y4725 w390 h452 top[1px solid rgb(228, 235, 230)] left[0px none rgb(0, 0, 0)] right[0px none rgb(0, 0, 0)] bottom[0px none rgb(0, 0, 0)] r0px bgtransparent",
"box x0 y4726 w390 h273 top[1px solid rgb(210, 217, 212)] left[0px solid rgb(210, 217, 212)] right[0px solid rgb(210, 217, 212)] bottom[1px solid rgb(210, 217, 212)] r0px bgtransparent",
"box x31 y4755 w328 h214 top[1px solid rgb(210, 217, 212)] left[1px solid rgb(210, 217, 212)] right[1px solid rgb(210, 217, 212)] bottom[1px solid rgb(210, 217, 212)] r8px bg#FFFFFF"
],
"anatomy": [
"Centered heading with 96px vertical spacing on desktop; thin grid divides cards.",
"Actions; Code Quality; Code Security; Secret Protection; Codespaces, in that order. Captions and Explore labels verbatim in text evidence.",
"Desktop first row 592px cells, second row ~395px cells. Phone one full-width image then left-aligned text at x24; five consecutive cards. Product frames carry green, blue, pink, orange and purple left/bottom accents."
],
"components": [
"ways-actions-checks.jpg",
"ways-code-quality.jpg",
"ways-code-security.jpg",
"ways-secret-protection.jpg",
"ways-codespaces.jpg",
"card-frame-ways-*.svg"
]
},
{
"name": "Enterprise introduction",
"summary": "Pale pixel contribution texture followed by enterprise heading and CTA.",
"ground": "#FFFFFF",
"desktop": "y px 3981; end y px 4475; height px 494; media canvas x-107 y3984 w137 h137 .Canvas__hkCneK",
"desktop_text": [
"h2 \"Whatever you're building, you can build it on GitHub\" x177 y4250 w563 h88 · Mona Sans 34/44.2 wt400 #000000",
"span \"Start Enterprise free trial\" x198 y4381 w189 h22 · Mona Sans 16/24 wt500 ls0.16px #000000"
],
"desktop_borders": [
"box x177 y4371 w231 h43 top[1px solid rgb(210, 217, 212)] left[1px solid rgb(210, 217, 212)] right[1px solid rgb(210, 217, 212)] bottom[1px solid rgb(210, 217, 212)] r6px bg#000000@0.06"
],
"phone": "y px 5175; end y px 5565; height px 390; media canvas x-531 y5183 w104 h104 .Canvas__hkCneK",
"phone_text": [
"h2 \"Whatever you're building, you can build it on GitHub\" x24 y5377 w342 h62 · Mona Sans 24/31.2 wt400 #000000",
"span \"Start Enterprise free trial\" x45 y5478 w189 h22 · Mona Sans 16/24 wt500 ls0.16px #000000"
],
"phone_borders": [
"box x24 y5468 w231 h43 top[1px solid rgb(210, 217, 212)] left[1px solid rgb(210, 217, 212)] right[1px solid rgb(210, 217, 212)] bottom[1px solid rgb(210, 217, 212)] r6px bg#000000@0.06"
],
"anatomy": [
"Pixel texture strip about184px desktop,140px phone, white and muted green-gray cells.",
"Whatever you're building, you can build it on GitHub; Start Enterprise free trial. Desktop heading x177 y4250; phone x24 y5377."
],
"components": [
"contribution-cell texture",
"secondary CTA"
],
"texture": "Pixel strip: use enterprise-pixel-strip-desk-crop.png (1184x188, crop of the resting state) STRICTLY inside the rails (never full-bleed, never re-tiled) at x128-1312, y3974-4161 desktop, with a 1px #E4EBE6 rule below. Cells are about 47x23px in white, #F2F5F3-ish and #E4EBE6-ish pale tints, sparse and irregular, densest at the top. Phone: same image, cropped to the viewport width (object-fit cover, left aligned), about 140px tall. The animated Mona that walks through it is animation only.",
"headline_lines": [
"Whatever you're building, you can",
"build it on GitHub"
],
"headline_box": "H2 x177 y4250 w563 h88, 34px/44.2px 400, two forced lines; phone x24 y5380 w342, 24px/31.2px."
},
{
"name": "Customer proof",
"summary": "Testimonial carousel left, two stacked statistics right.",
"ground": "#FFFFFF",
"desktop": "y px 4475; end y px 5136; height px 661; media img x179 y4896 w44 h44 avatar-5.jpg .Primer_Brand__Avatar-module__A",
"desktop_text": [
"span \"“\" x178 y4584 w55 h64 · Mona Sans Mono 64/64 wt400 #08872B",
"span \"GitHub is one of the de facto tools that engineers want to use, and because of t\" x177 y4680 w630 h173 · Mona Sans 32/43.2 wt480 #000000",
"span \"Rob Witoff\" x241 y4893 w115 h24 · Mona Sans 16/24 wt400 ls0.24px #000000",
"span \"CTO, Coinbase\" x241 y4919 w115 h24 · Mona Sans 16/24 wt400 ls0.24px #58635B",
"span \"800M\" x904 y4603 w359 h44 · Mona Sans Mono 34/44.2 wt400 #08872B",
"span \"800M\" x904 y4603 w359 h44 · Mona Sans Mono 34/44.2 wt400 #08872B",
"p \"public and open source repositories\" x904 y4655 w359 h21 · Mona Sans Mono 14/21 wt400 ls0.21px #58635B",
"span \"90%\" x904 y4934 w359 h44 · Mona Sans Mono 34/44.2 wt400 #08872B",
"span \"90%\" x904 y4934 w359 h44 · Mona Sans Mono 34/44.2 wt400 #08872B",
"p \"of the Fortune 100 uses GitHub\" x904 y4986 w359 h21 · Mona Sans Mono 14/21 wt400 ls0.21px #58635B"
],
"desktop_borders": [
"box x856 y4805 w455 h330 top[1px solid rgb(228, 235, 230)] left[0px none rgb(0, 0, 0)] right[0px none rgb(0, 0, 0)] bottom[0px none rgb(0, 0, 0)] r0px bgtransparent"
],
"phone": "y px 5565; end y px 6506; height px 941; media img x39 y6014 w44 h44 avatar-5.jpg .Primer_Brand__Avatar-module__A",
"phone_text": [
"span \"“\" x38 y5648 w55 h64 · Mona Sans Mono 64/64 wt400 #08872B",
"span \"GitHub is one of the de facto tools that engineers want to use, and because of t\" x37 y5744 w316 h227 · Mona Sans 24/32.4 wt480 #000000",
"span \"Rob Witoff\" x101 y6011 w115 h24 · Mona Sans 16/24 wt400 ls0.24px #000000",
"span \"CTO, Coinbase\" x101 y6037 w115 h24 · Mona Sans 16/24 wt400 ls0.24px #58635B",
"span \"800M\" x37 y6253 w316 h31 · Mona Sans Mono 24/31.2 wt400 #08872B",
"span \"800M\" x37 y6253 w316 h31 · Mona Sans Mono 24/31.2 wt400 #08872B",
"p \"public and open source repositories\" x37 y6292 w316 h21 · Mona Sans Mono 14/21 wt400 ls0.21px #58635B",
"span \"90%\" x37 y6378 w316 h31 · Mona Sans Mono 24/31.2 wt400 #08872B",
"span \"90%\" x37 y6378 w316 h31 · Mona Sans Mono 24/31.2 wt400 #08872B",
"p \"of the Fortune 100 uses GitHub\" x37 y6417 w316 h21 · Mona Sans Mono 14/21 wt400 ls0.21px #58635B"
],
"phone_borders": [
"box x21 y6345 w348 h125 top[1px solid rgb(228, 235, 230)] left[0px none rgb(0, 0, 0)] right[0px none rgb(0, 0, 0)] bottom[0px none rgb(0, 0, 0)] r0px bgtransparent"
],
"anatomy": [
"Desktop split x855: left quote panel ~727px, right ~457px; each stat half height. Phone quote then 800M then 90%.",
"Resting testimonial: GitHub is one of the de facto tools that engineers want to use, and because of that, we don't have long, expensive onboarding periods or productivity gaps.",
"Rob Witoff; CTO, Coinbase. Green quotation tile, circular 44px bordered avatar, previous/next controls and six position indicators. Carousel transitions animation only.",
"800M public and open source repositories; 90% of the Fortune 100 uses GitHub. Use these published numbers."
],
"components": [
"quote-avatar-rob-witoff.jpg",
"quote carousel",
"800M",
"90%"
],
"geometry_exact": [
"Band y4475-5136 inside the rails; quote cell x129-856 (727px, 1px #E4EBE6 right rule) with padding 80px 48px; stats column x856-1312.",
"Quote mark tile 56x56 #EBF9F4 radius 12 at x177 y4576; quote text block x177 y4680 w630 (5 lines at 32px/43.2px, weight 480); attribution row y4885: 44px round avatar at x179 y4896, name/title at x241 y4893.",
"Carousel capsule at x177 y5013 (see components: carousel controls).",
"Phone: cell x21-369, padding 40px 16px; tile at x37 y5643; quote y5747 (24px/32.4px); avatar y6017; capsule y6141."
]
},
{
"name": "Customer logos",
"summary": "Single clipped marquee with pause button and edge fades.",
"ground": "#FFFFFF",
"desktop": "y px 5136; end y px 5306; height px 170; text ; borders ",
"desktop_media": [
"svg x-2 y5204 w136 h32",
"svg x230 y5204 w106 h32",
"svg x432 y5204 w216 h32",
"svg x744 y5204 w141 h32",
"svg x981 y5204 w77 h32",
"svg x1154 y5204 w136 h32",
"svg x1386 y5204 w106 h32",
"svg x1588 y5204 w216 h32",
"svg x1900 y5204 w141 h32",
"svg x2137 y5204 w77 h32"
],
"phone": "y px 6506; end y px 6626; height px 120; text ; borders ",
"phone_media": [
"svg x-204 y6515 w136 h32",
"svg x28 y6515 w106 h32",
"svg x230 y6515 w216 h32",
"svg x542 y6515 w141 h32",
"svg x779 y6515 w77 h32",
"svg x952 y6515 w136 h32",
"svg x1184 y6515 w106 h32",
"svg x1385 y6515 w216 h32",
"svg x1697 y6515 w141 h32",
"svg x1934 y6515 w77 h32"
],
"anatomy": [
"FedEx; American Airlines; Postmates; mercado libre; duolingo. Use actual SVGs, muted gray-green.",
"Dynamic marquee position: desktop shows clipped FedEx left followed by American Airlines, Postmates, Mercado Libre, Duolingo. Phone shows clipped FedEx and American Airlines; pause at right. Motion endpoint animation only."
],
"components": [
"logo-strip-*.svg"
]
},
{
"name": "Customer stories",
"summary": "Three bordered stories beneath multicolor progress strip and a duck at its right end.",
"ground": "#FFFFFF",
"desktop": "y px 5306; end y px 5768; height px 462; media img x1284 y5346 w32 h31 ducky-4e03ac3720f4beec.png .Primer_Brand__Image-module__Im; borders ",
"desktop_text": [
"a \"Figma streamlines development and strengthens security\" x193 y5493 w208 h93 · Mona Sans 22/30.8 wt400 #000000",
"a \"Mercedes-Benz standardizes source code and automates onboarding\" x588 y5493 w261 h123 · Mona Sans 22/30.8 wt400 #000000",
"a \"Mercado Libre cuts coding time by 50%with GitHub Copilot\" x982 y5493 w243 h93 · Mona Sans 22/30.8 wt400 #000000"
],
"phone": "y px 6626; end y px 7495; height px 869; media img x342 y6634 w32 h31 ducky-4e03ac3720f4beec.png .Primer_Brand__Image-module__Im; borders ",
"phone_text": [
"a \"Figma streamlines development and strengthens security\" x45 y6757 w298 h56 · Mona Sans 20/28 wt400 #000000",
"span \"Read customer story\" x45 y6845 w162 h24 · Mona Sans 16/24 wt500 ls0.24px #0055D5",
"a \"Mercedes-Benz standardizes source code and automates onboarding\" x45 y7014 w269 h84 · Mona Sans 20/28 wt400 #000000",
"span \"Read customer story\" x45 y7130 w162 h24 · Mona Sans 16/24 wt500 ls0.24px #0055D5",
"a \"Mercado Libre cuts coding time by 50%with GitHub Copilot\" x45 y7299 w293 h56 · Mona Sans 20/28 wt400 #000000",
"span \"Read customer story\" x45 y7387 w162 h24 · Mona Sans 16/24 wt500 ls0.24px #0055D5"
],
"anatomy": [
"Desktop x128–1312, three equal columns; top strip y5358. Phone three stacked story cells with textual blue Read customer story CTA and chevron.",
"Figma streamlines development and strengthens security; Mercedes-Benz standardizes source code and automates onboarding; Mercado Libre cuts coding time by 50%with GitHub Copilot (desktop extraction joins words; phone displays 50% with).",
"Customer logos are flat muted CSS masks using the supplied PNGs, not photographic logo tiles. Desktop round arrow link controls."
],
"components": [
"customer-story-logo-figma.png",
"customer-story-logo-mercedes-benz.png",
"customer-story-logo-mercado-libre.png",
"progress-ducky.png"
]
},
{
"name": "Community grid",
"summary": "Trending repo tiles below a Mona peeking over the upper edge.",
"ground": "#FFFFFF",
"desktop": "y px 5768; end y px 6205; height px 437; text ; media canvas x224 y6111 w137 h137 .Canvas__hkCneK; borders ",
"phone": "y px 7495; end y px 8025; height px 530; media canvas x-144 y7868 w181 h181 .Canvas__hkCneK; borders ",
"phone_text": [
"span \"psf / b+&&$\" x14 y7872 w63 h13 · Mona Sans VF 11/14.3 wt400 #000000",
"span \"psf / black\" x14 y7869 w101 h14 · Mona Sans VF 11/14.3 wt400 #000000",
"p \"The uncompromising Python code formatter\" x14 y7888 w101 h14 · Mona Sans VF 11/14.3 wt400 #58635B",
"p \"110 new stars this week\" x14 y7911 w101 h14 · Mona Sans VF 11/14.3 wt400 #58635B",
"span \"tailsc]^])?+??*#*^%+)\" x274 y7960 w118 h13 · Mona Sans VF 11/14.3 wt400 #000000",
"span \"tailscale / tailscale\" x274 y7955 w102 h14 · Mona Sans VF 11/14.3 wt400 #000000",
"p \"The easiest, most secure way to use WireGuard and 2FA.\" x274 y7973 w102 h14 · Mona Sans VF 11/14.3 wt400 #58635B",
"p \"380 new stars this week\" x274 y7997 w102 h14 · Mona Sans VF 11/14.3 wt400 #58635B"
],
"anatomy": [
"Desktop seam/grid y5850 approximately, 6 columns by4 rows within1184px. Phone 3 columns by6 rows, overflow text ellipsis. Pale #F2F5F3 and #E4EBE6 empty cells.",
"Dynamic tile content; freeze exact reference labels/star counts: Developer-Y / cs-video-courses — 575 new stars this week; coollabsio / coolify — 1837; microsoft / PowerToys — 749; ripienaar / free-for-dev — 867; electron / electron — 182; EvanLi / Github-Ranking — 196; psf / black — 110; tailscale / tailscale — 380; calcom / cal.diy — 349; rustdesk / rustdesk — 1024; pydantic / pydantic — 111; VictoriaMetrics / VictoriaMetrics — 76. Render names/descriptions with screenshot clipping; every number uses suffix new stars this week.",
"Mona crop at upper-right edge; WebGL motion and changing trending rankings are animation/live data only."
],
"components": [
"community-mona-peek-crop.png",
"trending tiles"
],
"cell_map_desktop": [
"6 columns x 4 rows inside the rails (x128-1312, each cell ~197x89), y5845-6202, 1px #E4EBE6 cell rules; text cells white, empty cells either #F2F5F3 (light) or #E4EBE6 (darker). Each text cell: repo name Mona Sans 11px/14.3px #000 (measured on phone; desktop reads the same size in the screenshot) at top-left (12px padding), description 11px #58635B one line with ellipsis, 'N new stars this week' 11px #58635B at the bottom.",
"Row 1: [Developer-Y / cs-video-cou... | List of Computer Science c... | 575] [light] [darker] [coollabsio / coolify | An open-source, self-hosta... | 1837] [microsoft / PowerToys | Microsoft PowerToys is a c... | 749] [light]",
"Row 2: [light] [light] [ripienaar / free-for-dev | A list of SaaS, PaaS and Iaa... | 867] [electron / electron | :electron: Build cross-platf... | 182] [light] [darker]",
"Row 3: [darker] [EvanLi / Github-Ranking | :star:Github Ranking:star: ... | 196] [psf / black | The uncompromising Pytho... | 110] [white] [darker] [tailscale / tailscale | The easiest, most secure w... | 380]",
"Row 4: [calcom / cal.diy | Scheduling infrastructure f... | 349] [rustdesk / rustdesk | An open-source remote de... | 1024] [light] [darker] [pydantic / pydantic | Data validation using Pytho... | 111] [VictoriaMetrics / VictoriaMe... | VictoriaMetrics: fast, cost-... | 76]",
"Mona (community-mona-peek-crop.png, 90x70) peeks over the grid's top rule above column 6, around x1205-1285, y5780-5845, on the white band above the grid (band y5768-5845).",
"All strings above are the reference's resting state (a live trending feed)."
]
},
{
"name": "Community signup",
"summary": "Two-column closing signup with mono eyebrow and developer-community heading.",
"ground": "#FFFFFF",
"desktop": "y px 6205; end y px 6602; height px 397; media ",
"desktop_text": [
"span \"Built with GitHub\" x189 y6264 w151 h21 · Mona Sans Mono 14/21 wt400 ls0.21px #58635B uppercase",
"span \"Built with GitHub\" x189 y6264 w151 h21 · Mona Sans Mono 14/21 wt400 ls0.21px #58635B uppercase",
"h2 \"Join the world's largest developer community\" x189 y6365 w459 h88 · Mona Sans 34/44.2 wt460 #000000",
"p \"Every project adds something new to the community. Explore what developers are b\" x780 y6264 w471 h81 · Mona Sans 18/27 wt400 ls0.18px #58635B",
"label \"Enter your email\" x801 y6416 w109 h21 · Mona Sans 14/21 wt400 ls0.21px #58635B",
"span \"Sign up for GitHub\" x1082 y6416 w143 h22 · Mona Sans 16/24 wt500 ls0.16px #FFFFFF"
],
"desktop_borders": [
"box x780 y6400 w471 h53 top[1px solid rgb(210, 217, 212)] left[1px solid rgb(210, 217, 212)] right[1px solid rgb(210, 217, 212)] bottom[1px solid rgb(210, 217, 212)] r8px bg#F2F5F3",
"box x785 y6405 w272 h43 top[1px solid rgba(0, 0, 0, 0)] left[1px solid rgba(0, 0, 0, 0)] right[1px solid rgba(0, 0, 0, 0)] bottom[1px solid rgba(0, 0, 0, 0)] r8px bgtransparent"
],
"phone": "y px 8025; end y px 8561; height px 536; media ",
"phone_text": [
"span \"Built with GitHub\" x16 y8059 w151 h21 · Mona Sans Mono 14/21 wt400 ls0.21px #58635B uppercase",
"span \"Built with GitHub\" x16 y8059 w151 h21 · Mona Sans Mono 14/21 wt400 ls0.21px #58635B uppercase",
"h2 \"Join the world's largest developer community\" x16 y8104 w327 h62 · Mona Sans 24/31.2 wt460 #000000",
"p \"Every project adds something new to the community. Explore what developers are b\" x16 y8231 w358 h108 · Mona Sans 18/27 wt400 ls0.18px #58635B",
"label \"Enter your email\" x37 y8375 w109 h21 · Mona Sans 14/21 wt400 ls0.21px #58635B",
"span \"Sign up for GitHub\" x124 y8428 w143 h22 · Mona Sans 16/24 wt500 ls0.16px #FFFFFF"
],
"phone_borders": [
"box x16 y8359 w358 h106 top[1px solid rgb(210, 217, 212)] left[1px solid rgb(210, 217, 212)] right[1px solid rgb(210, 217, 212)] bottom[1px solid rgb(210, 217, 212)] r8px bg#F2F5F3",
"box x21 y8364 w348 h43 top[1px solid rgba(0, 0, 0, 0)] left[1px solid rgba(0, 0, 0, 0)] right[1px solid rgba(0, 0, 0, 0)] bottom[1px solid rgba(0, 0, 0, 0)] r8px bgtransparent",
"box x21 y8417 w348 h43 top[1px solid rgba(0, 0, 0, 0)] left[1px solid rgba(0, 0, 0, 0)] right[1px solid rgba(0, 0, 0, 0)] bottom[1px solid rgba(0, 0, 0, 0)] r6px bg#08872B",
"box x0 y8558 w390 h1715 top[2px solid rgb(13, 103, 49)] left[0px none rgb(0, 0, 0)] right[0px none rgb(0, 0, 0)] bottom[0px none rgb(0, 0, 0)] r0px bg#F2F5F3"
],
"anatomy": [
"Built with GitHub; Join the world's largest developer community. Green terminal cursor after eyebrow.",
"Every project adds something new to the community. Explore what developers are building across GitHub, then create an account and contribute your own.",
"Desktop x189 heading column, x780 description and inline signup; phone heading panel then description and stacked signup. White spacer follows before green footer rule."
],
"components": [
"email signup"
],
"divider": "Two cells split by a 1px #E4EBE6 vertical rule at x~720 (desktop): left cell eyebrow 'BUILT WITH GITHUB' + green square, H2; right cell body + signup form.",
"headline_lines": [
"Join the world's",
"largest developer community"
],
"headline_box": "H2 x189 y6365 w459 h88, 34px/44.2px weight 460, two forced lines; phone x16 y8104 w327 24px/31.2px."
}
],
"footer": {
"summary": "Full-width pale green-gray footer under a 1px green rule; newsletter above four link columns and legal row.",
"ground": "#F2F5F3",
"anatomy": [
"Black Invertocat at x112, newsletter heading The developer newsletter with green cursor.",
"Get tips, technical guides, and best practices. Twice a month. Right in your inbox. CTA Subscribe.",
"Four columns separated from newsletter by 1px hairlines; column headings uppercase mono.",
"Legal row below full-width 1px hairline, copyright left, terms/privacy/cookie controls next, seven social icons and language at right."
],
"columns": "Products GitHub, Actions, Code Quality, Copilot, Codespaces, Code Security, Secret Protection, Pricing, Team, Resources, Roadmap, Compare GitHub, All Features; Developers Developer API, Education, GitHub CLI, GitHub Desktop, GitHub Mobile, Integrations, MCP Registry, Training, Build with Copilot; Support Docs, Community Forum, Professional Services, Premium Support, GitHub Status, Contact GitHub, Sitemap; Company About, Why GitHub, Customer Stories, Blog, Careers, Inclusion, Partners, Social Impact, Shop, What is Git?",
"legal": [
"© 2026 GitHub, Inc.",
"Terms",
"Privacy",
"Manage cookies",
"Do not share my personal information"
],
"legal_rendered": [
"© 2026 GITHUB, INC.",
"TERMS",
"PRIVACY",
"MANAGE COOKIES",
"DO NOT SHARE MY PERSONAL INFORMATION"
],
"social_icons": [
"LinkedIn",
"Instagram",
"YouTube",
"X",
"TikTok",
"Twitch",
"GitHub"
],
"language_selector": "English",
"contact_note": "No public postal address or telephone appears in the saved homepage.",
"desktop": "top rule y px 6602; newsletter top y px 6668; column heading y px 6950; legal y px 7577",
"phone": "top rule y px 8561; newsletter top y px 8627; columns Products/Developers first row at y8930; Support/Company second row y9542; x24 and211, w155; legal row y px 10012; legal wrap uppercase legal links; social row then English selector at x24 y10213",
"structure": [
"Footer ground #F2F5F3 with a 2px solid #0D6731 top rule; container x80 w1280 padding 64px 32px 40px, content x112-1328.",
"Newsletter block (x112, w520) stacked: GitHub mark 32x32 at y6668; 28px below it the heading 'THE DEVELOPER NEWSLETTER' Mona Sans Mono 14px weight 480 uppercase #000 with a 9x14 #0D6731 square before it (y6728); body 'Get tips, technical guides, and best practices. / Twice a month. Right in your inbox.' Mona Sans 16px/24px #58635B two lines (y6769, w384); Subscribe small green button 95x32 at y6837.",
"Link columns start y6917: four NAV columns 286px wide at x112, 422, 732, 1042 (24px gaps); each has ONLY a 1px #E4EBE6 top border and 32px top padding, no side rules or boxes. Column heading Mona Sans Mono 14px 480 uppercase #58635B, then links Mona Sans 14px/21px 500 #000, 40px row pitch (link tops 6987, 7027, 7067 ...).",
"Bottom bar y7537: 1px #E4EBE6 top rule, full width; legal text left, social octicons (#58635B, 20px) and an English language button right.",
"Phone: newsletter block first, then columns two per row (155px wide, 32px gap), then legal links stacked.",
"The longest column (Products, 12 links) ends near y7430; the bottom bar's top rule is at y7537. Desktop page ends at y7634."
]
},
"dark_ground": {
"scope": "No dark-ground homepage band in these references; these are guide/observed token applications only.",
"secondary_button": "transparent ground, #FFFFFF text",
"link": "#FFFFFF",
"muted_text": "#B7C2BA",
"hairline": "#3D444D",
"logo_variant": "white Invertocat"
},
"voice": {
"guide": "Published expressive campaign voice remains brand law.",
"homepage": "Plain product descriptions, direct action labels and concrete developer/business proof; landing page follows this observed institutional voice.",
"precedence": "Published guide governs identity; observed homepage scopes numeric typography, 1px gridlines, layout and copy to github.com homepage."
},
"resting_state_rule": "Exact visible reference strings are wayfinding-grade; use them verbatim. Retain screenshot-specific clipping and carousel selection. All animation endpoints are animation only."
},
"bands": [
{
"label": "Header",
"ground": "#FFFFFF",
"content": "Single white header with black Invertocat, five links, search and account actions.",
"desktop": "y 0; h 68",
"phone": "y 0; h 52",
"anatomy": [
"Black mark, ordered links, search, account actions."
]
},
{
"label": "Hero",
"ground": "#FFFFFF",
"content": "Centered announcement and two-line headline above signup and app download, Mona peeks over multicolor seam into full-width grid video ground.",
"desktop": "y 68; end y 1533",
"phone": "y 52; end y 1300",
"anatomy": [
"Centered headline and CTAs, mascot seam, gridded video, five tabs."
]
},
{
"label": "Live activity",
"ground": "#FFFFFF",
"content": "Full-bleed horizontally clipped activity ticker with a fixed developer statistic.",
"desktop": "y px 1533; end y px 1642; height px 109",
"phone": "y px 1300; end y px 1480; height px 180",
"anatomy": [
"Desktop row h109; phone row h184 approximately, edge fades, pause control.",
"Dynamic feed: repo forked, pull request, push and branch merged cards. Preserve exact screenshot-visible strings; probe captures a different moment. Desktop: pull request from kairos-code-dev; zlink-systems/zlink · 5 minutes ago; repo forked from howtimeschange; DingTalk-Real-AI/dingtalk-workspace-cli · 5 minutes ago; push from djungelorm; krpc/krpc · yesterday. Phone: push from Commander-hill; Commander-hill/akwaaba-homes; yesterday.",
"Publish 225M+ developers building on GitHub. Phone screenshot catches a clipped animated counter; do not replace published 225M+ with 0M+."
]
},
{
"label": "GitHub Platform",
"ground": "#FFFFFF",
"content": "Heading band then two equal bordered product cells.",
"desktop": "y px 1642; end y px 2592; height px 950",
"phone": "y px 1480; end y px 2769; height px 1289",
"anatomy": [
"Desktop grid x128–1312 split at720; media inside 60px cell inset; center product mark/title and copy, then two compact CTAs.",
"Phone full-width image ground followed by centered white copy panel, then second product; no two-column squeeze.",
"Products in order: GitHub; Copilot. CTAs Learn more; See plans and pricing."
]
},
{
"label": "More ways to use GitHub",
"ground": "#FFFFFF",
"content": "Five product cards: two equal upper cards and three equal lower cards.",
"desktop": "y px 2592; end y px 3981; height px 1389",
"phone": "y px 2769; end y px 5175; height px 2406",
"anatomy": [
"Centered heading with 96px vertical spacing on desktop; thin grid divides cards.",
"Actions; Code Quality; Code Security; Secret Protection; Codespaces, in that order. Captions and Explore labels verbatim in text evidence.",
"Desktop first row 592px cells, second row ~395px cells. Phone one full-width image then left-aligned text at x24; five consecutive cards. Product frames carry green, blue, pink, orange and purple left/bottom accents."
]
},
{
"label": "Enterprise introduction",
"ground": "#FFFFFF",
"content": "Pale pixel contribution texture followed by enterprise heading and CTA.",
"desktop": "y px 3981; end y px 4475; height px 494",
"phone": "y px 5175; end y px 5565; height px 390",
"anatomy": [
"Pixel texture strip about184px desktop,140px phone, white and muted green-gray cells.",
"Whatever you're building, you can build it on GitHub; Start Enterprise free trial. Desktop heading x177 y4250; phone x24 y5377."
]
},
{
"label": "Customer proof",
"ground": "#FFFFFF",
"content": "Testimonial carousel left, two stacked statistics right.",
"desktop": "y px 4475; end y px 5136; height px 661",
"phone": "y px 5565; end y px 6506; height px 941",
"anatomy": [
"Desktop split x855: left quote panel ~727px, right ~457px; each stat half height. Phone quote then 800M then 90%.",
"Resting testimonial: GitHub is one of the de facto tools that engineers want to use, and because of that, we don't have long, expensive onboarding periods or productivity gaps.",
"Rob Witoff; CTO, Coinbase. Green quotation tile, circular 44px bordered avatar, previous/next controls and six position indicators. Carousel transitions animation only.",
"800M public and open source repositories; 90% of the Fortune 100 uses GitHub. Use these published numbers."
]
},
{
"label": "Customer logos",
"ground": "#FFFFFF",
"content": "Single clipped marquee with pause button and edge fades.",
"desktop": "y px 5136; end y px 5306; height px 170",
"phone": "y px 6506; end y px 6626; height px 120",
"anatomy": [
"FedEx; American Airlines; Postmates; mercado libre; duolingo. Use actual SVGs, muted gray-green.",
"Dynamic marquee position: desktop shows clipped FedEx left followed by American Airlines, Postmates, Mercado Libre, Duolingo. Phone shows clipped FedEx and American Airlines; pause at right. Motion endpoint animation only."
]
},
{
"label": "Customer stories",
"ground": "#FFFFFF",
"content": "Three bordered stories beneath multicolor progress strip and a duck at its right end.",
"desktop": "y px 5306; end y px 5768; height px 462",
"phone": "y px 6626; end y px 7495; height px 869",
"anatomy": [
"Desktop x128–1312, three equal columns; top strip y5358. Phone three stacked story cells with textual blue Read customer story CTA and chevron.",
"Figma streamlines development and strengthens security; Mercedes-Benz standardizes source code and automates onboarding; Mercado Libre cuts coding time by 50%with GitHub Copilot (desktop extraction joins words; phone displays 50% with).",
"Customer logos are flat muted CSS masks using the supplied PNGs, not photographic logo tiles. Desktop round arrow link controls."
]
},
{
"label": "Community grid",
"ground": "#FFFFFF",
"content": "Trending repo tiles below a Mona peeking over the upper edge.",
"desktop": "y px 5768; end y px 6205; height px 437",
"phone": "y px 7495; end y px 8025; height px 530",
"anatomy": [
"Desktop seam/grid y5850 approximately, 6 columns by4 rows within1184px. Phone 3 columns by6 rows, overflow text ellipsis. Pale #F2F5F3 and #E4EBE6 empty cells.",
"Dynamic tile content; freeze exact reference labels/star counts: Developer-Y / cs-video-courses — 575 new stars this week; coollabsio / coolify — 1837; microsoft / PowerToys — 749; ripienaar / free-for-dev — 867; electron / electron — 182; EvanLi / Github-Ranking — 196; psf / black — 110; tailscale / tailscale — 380; calcom / cal.diy — 349; rustdesk / rustdesk — 1024; pydantic / pydantic — 111; VictoriaMetrics / VictoriaMetrics — 76. Render names/descriptions with screenshot clipping; every number uses suffix new stars this week.",
"Mona crop at upper-right edge; WebGL motion and changing trending rankings are animation/live data only."
]
},
{
"label": "Community signup",
"ground": "#FFFFFF",
"content": "Two-column closing signup with mono eyebrow and developer-community heading.",
"desktop": "y px 6205; end y px 6602; height px 397",
"phone": "y px 8025; end y px 8561; height px 536",
"anatomy": [
"Built with GitHub; Join the world's largest developer community. Green terminal cursor after eyebrow.",
"Every project adds something new to the community. Explore what developers are building across GitHub, then create an account and contribute your own.",
"Desktop x189 heading column, x780 description and inline signup; phone heading panel then description and stacked signup. White spacer follows before green footer rule."
]
},
{
"label": "Footer",
"ground": "#F2F5F3",
"content": "Full-width pale green-gray footer under a 1px green rule; newsletter above four link columns and legal row.",
"desktop": "top rule y px 6602; newsletter top y px 6668; column heading y px 6950; legal y px 7577",
"phone": "top rule y px 8561; newsletter top y px 8627; columns Products/Developers first row at y8930; Support/Company second row y9542; x24 and211, w155; legal row y px 10012; legal wrap uppercase legal links; social row then English selector at x24 y10213",
"anatomy": [
"Black Invertocat at x112, newsletter heading The developer newsletter with green cursor.",
"Get tips, technical guides, and best practices. Twice a month. Right in your inbox. CTA Subscribe.",
"Four columns separated from newsletter by 1px hairlines; column headings uppercase mono.",
"Legal row below full-width 1px hairline, copyright left, terms/privacy/cookie controls next, seven social icons and language at right."
]
}
],
"tokens_observed": {
"--base-size-112": "7rem",
"--base-size-12": ".75rem",
"--base-size-128": "8rem",
"--base-size-16": "1rem",
"--base-size-2": ".125rem",
"--base-size-20": "1.25rem",
"--base-size-24": "1.5rem",
"--base-size-28": "1.75rem",
"--base-size-32": "2rem",
"--base-size-36": "2.25rem",
"--base-size-4": ".25rem",
"--base-size-40": "2.5rem",
"--base-size-44": "2.75rem",
"--base-size-48": "3rem",
"--base-size-6": ".375rem",
"--base-size-64": "4rem",
"--base-size-8": ".5rem",
"--base-size-80": "5rem",
"--base-size-96": "6rem",
"--base-size-negative-12": "-.75rem",
"--base-size-negative-16": "-1rem",
"--base-size-negative-2": "-.125rem",
"--base-size-negative-20": "-1.25rem",
"--base-size-negative-24": "-1.5rem",
"--base-size-negative-28": "-1.75rem",
"--base-size-negative-32": "-2rem",
"--base-size-negative-36": "-2.25rem",
"--base-size-negative-4": "-.25rem",
"--base-size-negative-40": "-2.5rem",
"--base-size-negative-44": "-2.75rem",
"--base-size-negative-48": "-3rem",
"--base-size-negative-6": "-.375rem",
"--base-size-negative-8": "-.5rem",
"--base-text-size-2xl": "2.5rem",
"--base-text-size-lg": "1.25rem",
"--base-text-size-md": "1rem",
"--base-text-size-sm": ".875rem",
"--base-text-size-xl": "2rem",
"--base-text-size-xs": ".75rem",
"--brand-color-text-default": "#000",
"--brand-color-success-fg": "#08872b",
"--brand-color-success-emphasis": "#0fbf3e",
"--brand-color-success-muted": "#8cf2a699",
"--brand-color-success-subtle": "#bfffd1",
"--brand-color-accent-primary": "#0d6731",
"--brand-color-accent-secondary": "#be7d00",
"--brand-color-text-muted": "#58635b",
"--brand-color-text-subtle": "#58635b",
"--brand-color-text-onEmphasis": "#fff",
"--brand-color-text-emphasized": "#08872b",
"--brand-color-text-link-rest": "#0055d5",
"--brand-color-text-link-pressed": "#002f7a",
"--brand-color-text-danger": "#cf222e",
"--brand-color-text-error": "#cf222e",
"--brand-color-canvas-default": "#fff",
"--brand-color-canvas-invert": "#000",
"--brand-color-canvas-overlay": "#fff",
"--brand-color-canvas-inset": "#f2f5f3",
"--brand-color-canvas-subtle": "#f2f5f3",
"--brand-color-canvas-muted": "#f9fbf9",
"--brand-color-border-default": "#b6bfb8",
"--brand-color-border-muted": "#e4ebe6",
"--brand-color-border-subtle": "#d2d9d4",
"--brand-color-focus": "#0377ff",
"--brand-borderRadius-full": "624.938rem",
"--brand-borderRadius-xlarge": "1.5rem",
"--brand-borderRadius-large": "1rem",
"--brand-borderRadius-medium": ".5rem",
"--brand-borderRadius-small": ".25rem",
"--brand-text-size-1000": "4rem",
"--brand-text-size-900": "3.5rem",
"--brand-text-size-800": "3rem",
"--brand-text-size-700": "2.5rem",
"--brand-text-size-600": "2.125rem",
"--brand-text-size-500": "1.75rem",
"--brand-text-size-400": "1.375rem",
"--brand-text-size-350": "1.25rem",
"--brand-text-size-300": "1.125rem",
"--brand-text-size-200": "1rem",
"--brand-text-size-100": ".875rem",
"--brand-control-animation-easing": "cubic-bezier(.33, 1, .68, 1)",
"--brand-control-animation-duration": "80ms",
"--brand-control-large-size": "3.75rem",
"--brand-control-medium-size": "2.6875rem",
"--brand-controlStack-large-gap-spacious": ".75rem",
"--brand-controlStack-large-gap-condensed": ".5rem",
"--brand-controlStack-large-gap-auto": ".5rem",
"--brand-controlStack-medium-gap-spacious": ".75rem",
"--brand-controlStack-medium-gap-condensed": ".5rem",
"--brand-controlStack-small-gap-spacious": "1rem",
"--brand-controlStack-small-gap-condensed": ".5rem",
"--brand-control-large-gap": "1rem",
"--brand-control-large-paddingInline-spacious": "2rem",
"--brand-control-large-paddingInline-normal": "1.25rem",
"--brand-control-large-paddingInline-condensed": "1rem",
"--brand-control-large-paddingBlock-normal": "1.25rem",
"--brand-control-large-paddingBlock-condensed": ".75rem",
"--brand-control-large-lineBoxHeight": "1.25rem",
"--brand-control-medium-gap": ".75rem",
"--brand-control-medium-paddingInline-spacious": "1.75rem",
"--brand-control-medium-paddingInline-normal": "1rem",
"--brand-control-medium-paddingInline-condensed": ".75rem",
"--brand-control-medium-paddingBlock-normal": "1rem",
"--brand-control-medium-paddingBlock-condensed": ".375rem",
"--brand-control-medium-lineBoxHeight": "1rem",
"--brand-control-small-gap": ".5rem",
"--brand-control-small-paddingInline-spacious": "1.5rem",
"--brand-control-small-paddingInline-normal": ".75rem",
"--brand-control-small-paddingInline-condensed": ".5rem",
"--brand-control-small-paddingBlock": ".5rem",
"--brand-control-small-lineBoxHeight": ".75rem",
"--brand-control-small-size": "2rem",
"--brand-control-minTarget-coarse": "2.75rem",
"--brand-control-minTarget-fine": "1rem",
"--base-size-88": "5.5rem",
"--base-size-60": "3.75rem",
"--brand-control-color-border-default": "#b6bfb8",
"--brand-control-color-border-disabled": "#d2d9d4",
"--brand-control-color-canvas-disabled": "#e4ebe6",
"--brand-control-color-fg-default": "#000",
"--brand-control-color-fg-disabled": "#b6bfb8",
"--brand-control-color-focus": "#0055d5",
"--brand-control-color-validation-error": "#ae0b29",
"--brand-control-checkbox-bg-default": "#fff",
"--brand-control-checkbox-bg-hover": "#f2f5f3",
"--brand-control-checkbox-bg-checked": "#08872b",
"--brand-control-checkbox-bg-checked-hover": "color-mix(in srgb, #08872b, #000 26%)",
"--brand-control-checkbox-bg-indeterminate": "#08872b",
"--brand-control-checkbox-bg-indeterminate-hover": "color-mix(in srgb, #08872b, #000 26%)",
"--brand-control-checkbox-bg-checked-disabled": "color-mix(in srgb, #08872b, #fff 65%)",
"--brand-control-checkbox-fg-checked": "#fff",
"--brand-control-checkbox-fg-checked-disabled": "#fff",
"--brand-control-checkbox-border-default": "#b6bfb8",
"--brand-control-checkbox-border-hover": "#b6bfb8",
"--brand-control-checkbox-border-checked": "#08872b",
"--brand-control-checkbox-border-checked-hover": "#08872b",
"--brand-control-checkbox-border-indeterminate": "#08872b",
"--brand-control-checkbox-border-indeterminate-hover": "#08872b",
"--brand-control-checkbox-border-checked-disabled": "color-mix(in srgb, #08872b, #fff 65%)",
"--brand-control-checkbox-border-unchecked-disabled": "#e4ebe6",
"--brand-control-radio-bg-default": "#fff",
"--brand-control-radio-bg-hover": "#f2f5f3",
"--brand-control-radio-bg-checked": "#fff",
"--brand-control-radio-bg-checked-hover": "#f2f5f3",
"--brand-control-radio-bg-disabled": "#fff",
"--brand-control-radio-border-default": "#b6bfb8",
"--brand-control-radio-border-hover": "#b6bfb8",
"--brand-control-radio-border-checked": "#b6bfb8",
"--brand-control-radio-border-checked-hover": "#b6bfb8",
"--brand-control-radio-border-disabled": "#b6bfb8",
"--brand-control-radio-dot-default": "#000",
"--brand-control-radio-dot-checked": "#08872b",
"--brand-control-radio-dot-checked-hover": "color-mix(in srgb, #08872b, #000 26%)"
},
"breakpoints": {
"all": [
320,
544,
768,
1012,
1280,
1400
],
"note": "Primer Brand --brand-breakpoint-* tokens (xsmall 20rem ... xxlarge 87.5rem) from the live CSS",
"prov": "observed",
"source": "https://github.com/ (observed 2026-10-31)"
}
},
"system": {
"fixed": [
"Unaltered current Invertocat and GitHub spelling",
"Neutral readable text separated from expressive visuals",
"GitHub Green as the core connecting accent",
"Mona Sans and Mona Sans Mono",
"Grid logic and accessibility"
],
"flex": "All five attributes remain present, while one or two may lead for a particular audience or task. Expressiveness varies from subtle four-cell branding to key art. Universe identities are event-specific and do not redefine the core brand.",
"traits": [
{
"is": "Nerdy",
"not": "Showy technical posturing",
"text": "Technical detail should be precise and approachable.",
"prov": "inferred",
"source": "https://brand.github.com/brand-identity/attributes"
},
{
"is": "Confident",
"not": "Flashy without substance",
"text": "The product and expertise carry authority.",
"prov": "inferred",
"source": "https://brand.github.com/brand-identity/attributes"
},
{
"is": "Authentic",
"not": "Unnecessary marketing language",
"text": "Conversational copy and uncluttered design are grounded in community.",
"prov": "inferred",
"source": "https://brand.github.com/brand-identity/attributes"
},
{
"is": "Imaginative",
"not": "Expected and formulaic",
"text": "Create wonder with abstraction and clear signifiers.",
"prov": "inferred",
"source": "https://brand.github.com/brand-identity/attributes"
},
{
"is": "Empathetic",
"not": "Company-first assumptions",
"text": "Write for the reader and design for accessibility.",
"prov": "inferred",
"source": "https://brand.github.com/brand-identity/attributes"
}
]
},
"formats": [
{
"format": "Landing page",
"level": 2,
"must": "Real Mona Sans, neutral reading panels, green connective accents, recognizable product visuals, concise descriptive copy, accessible contrast and CTA hierarchy. Use Primer guidance for Hero, River, forms and proof.",
"flex": "A major announcement may use daylight key art, dither, terminal-like eyebrows or a context-appropriate approved mascot.",
"prov": "inferred",
"source": "https://brand.github.com/graphic-elements/layouts",
"sources": [
"https://brand.github.com/graphic-elements/layouts",
"https://brand.github.com/foundations/typography",
"https://brand.github.com/foundations/color",
"https://brand.github.com/graphic-elements/product-ui",
"https://brand.github.com/brand-in-action/web"
]
},
{
"format": "Deck",
"level": 2,
"must": "Use the official template where authorized; retain logo, type, grid and neutral copy hierarchy.",
"flex": "Expressive cover and restrained four-cell contribution signature on functional slides.",
"prov": "inferred",
"source": "https://brand.github.com/brand-in-action/presentations",
"sources": [
"https://brand.github.com/brand-in-action/presentations",
"https://brand.github.com/graphic-elements/textures",
"https://brand.github.com/graphic-elements/layouts"
]
},
{
"format": "eBook / whitepaper",
"level": 1,
"must": "Comfortable interior reading, subtle type hierarchy, consistent grid and footer detail, tagged accessible PDF, heading structure and alt text.",
"flex": "Cover can tell the topic through illustration; interior expressive detail stays subordinate.",
"prov": "inferred",
"source": "https://brand.github.com/brand-in-action/eBooks",
"sources": [
"https://brand.github.com/brand-in-action/eBooks",
"https://brand.github.com/foundations/accessibility"
]
},
{
"format": "Social post",
"level": 4,
"must": "Match the audience and content context; event announcements follow their own identity, swag promotions retain clear branding.",
"flex": "Community engagement may be human and unbranded; relevant approved mascots may delight.",
"prov": "inferred",
"source": "https://brand.github.com/brand-in-action/social",
"sources": [
"https://brand.github.com/brand-in-action/social",
"https://brand.github.com/graphic-elements/mascots"
]
},
{
"format": "Technical demo",
"level": 1,
"must": "Accurate product UI, clear primary focal point, readable copy and motion that explains what changed.",
"flex": "Crop and simplify UI while retaining recognizability; use restrained dither support.",
"prov": "inferred",
"source": "https://brand.github.com/graphic-elements/product-ui",
"sources": [
"https://brand.github.com/graphic-elements/product-ui",
"https://brand.github.com/motion/principles"
]
},
{
"format": "Event / booth",
"level": 4,
"must": "Developer culture, accessibility, reusable physical elements and at least one premium non-printed material.",
"flex": "Event-specific identity, tactile play and controlled full-bleed key art; Universe visuals remain event-specific.",
"prov": "inferred",
"source": "https://brand.github.com/brand-in-action/experiential",
"sources": [
"https://brand.github.com/brand-in-action/experiential"
]
},
{
"format": "Chart / diagram",
"level": 0,
"must": "Clear labels and technical accuracy, sufficient text size, non-color identifiers and alternative descriptions.",
"flex": "Color grouping only where essential; product-theme blocks where they clarify the diagram.",
"prov": "inferred",
"source": "https://brand.github.com/graphic-elements/diagrams",
"sources": [
"https://brand.github.com/graphic-elements/diagrams",
"https://brand.github.com/foundations/accessibility"
]
},
{
"format": "Swag",
"level": 3,
"must": "Quality material and fit; authorized logo/mascot assets and applicable permission review.",
"flex": "Developer lore, collectibles and context-appropriate expressive treatments.",
"prov": "inferred",
"source": "https://brand.github.com/brand-in-action/swag",
"sources": [
"https://brand.github.com/brand-in-action/swag",
"https://brand.github.com/foundations/logo",
"https://brand.github.com/graphic-elements/mascots"
]
}
],
"checks": [
{
"name": "Logo hidden",
"text": "Does the composition still carry GitHub through Mona Sans/Mono, green, contribution-derived geometry and neutral/expressive separation?",
"prov": "inferred",
"source": "https://brand.github.com/graphic-elements/layouts",
"also": [
"https://brand.github.com/foundations/typography",
"https://brand.github.com/foundations/color",
"https://brand.github.com/graphic-elements/textures"
]
},
{
"name": "Functional or expressive",
"text": "Can the chosen intensity be explained by audience, task and context? Technical demos stay precise; community and launch moments can carry more delight.",
"prov": "inferred",
"source": "https://brand.github.com/guides/getting-started",
"also": [
"https://brand.github.com/brand-identity/attributes",
"https://brand.github.com/motion/principles"
]
},
{
"name": "Readable without color",
"text": "Can a reader understand the hierarchy, labels and data without relying on color alone?",
"prov": "inferred",
"source": "https://brand.github.com/foundations/accessibility"
}
],
"examples": [],
"make_it_yours": {
"note": "Everything above transfers. These are GitHub's own and must be replaced with yours: name and logo, purpose, positioning, messaging pillars, proof, taglines and boilerplate.",
"replace": [
"identity",
"purpose",
"positioning",
"messaging.pillars",
"messaging.proof_points",
"messaging.taglines",
"messaging.boilerplate"
],
"reference": {
"purpose": {
"mission": {
"text": "Accelerate human progress through developer collaboration.",
"prov": "published",
"source": "https://brand.github.com/foundations/accessibility"
},
"story": {
"text": "The visual language turns developers’ daily contributions into a system of cells, building blocks and shared infrastructure. More expressive layers suggest what developers can create together using GitHub and Copilot.",
"prov": "published",
"source": "https://brand.github.com/graphic-elements/illustration",
"paraphrase": true
},
"values": [
{
"name": "Nerdy",
"means": "Attend carefully to technical detail and make complexity approachable.",
"prov": "published",
"source": "https://brand.github.com/brand-identity/attributes"
},
{
"name": "Confident",
"means": "Put the product forward with consistent quality and clear expertise.",
"prov": "published",
"source": "https://brand.github.com/brand-identity/attributes"
},
{
"name": "Authentic",
"means": "Stay grounded in the product and community, with conversational language and uncluttered design.",
"prov": "published",
"source": "https://brand.github.com/brand-identity/attributes"
},
{
"name": "Imaginative",
"means": "Make room for surprise, creative ambition and unexpected concepts.",
"prov": "published",
"source": "https://brand.github.com/brand-identity/attributes"
},
{
"name": "Empathetic",
"means": "Prioritize readers, accessibility and multiple ways to participate.",
"prov": "published",
"source": "https://brand.github.com/brand-identity/attributes"
}
],
"values_note": "These are published brand attributes; a separate corporate values statement is not published in this toolkit."
},
"positioning": {
"statement": {
"text": "A developer platform bringing collaboration, AI-assisted coding, automation and security into the work of building software.",
"prov": "inferred",
"source": "https://github.com/",
"source_note": "Homepage observed 2026-10-31; synthesis, not an official positioning statement"
},
"category": {
"text": "Developer platform with repository hosting and AI coding agents.",
"prov": "inferred",
"source": "https://github.com/",
"source_note": "Homepage observed 2026-10-31; synthesis, not an official positioning statement"
},
"audience": {
"text": "Individual developers, open source contributors, development teams and enterprise organizations.",
"prov": "inferred",
"source": "https://github.com/",
"source_note": "Homepage observed 2026-10-31; synthesis, not an official positioning statement"
},
"problem": {
"text": "Developers need to coordinate changes, automate repetitive work and address software quality and security while building.",
"prov": "inferred",
"source": "https://github.com/",
"source_note": "Homepage observed 2026-10-31; synthesis, not an official positioning statement"
},
"promise": {
"text": "Help people build software together with AI assistance and supporting development infrastructure.",
"prov": "inferred",
"source": "https://github.com/",
"source_note": "Homepage observed 2026-10-31; synthesis, not an official positioning statement"
},
"differentiators": [
{
"text": "A large visible developer community with 225M+ developers and 800M public and open source repositories in the capture.",
"prov": "inferred",
"source": "https://github.com/",
"source_note": "2026-10-31; homepage evidence, not comparative exclusivity"
},
{
"text": "Repository collaboration and Copilot work presented together as two central platform offers.",
"prov": "inferred",
"source": "https://github.com/",
"source_note": "2026-10-31; homepage evidence, not comparative exclusivity"
},
{
"text": "Quality, automation, vulnerability detection and secret protection displayed alongside coding tools.",
"prov": "inferred",
"source": "https://github.com/",
"source_note": "2026-10-31; homepage evidence, not comparative exclusivity"
},
{
"text": "Enterprise social proof: 90% of Fortune 100 organizations reported as GitHub users.",
"prov": "inferred",
"source": "https://github.com/",
"source_note": "2026-10-31; homepage evidence, not comparative exclusivity"
}
],
"alternatives": [],
"alternatives_note": "Named competitors and a formal alternatives matrix: not published in the saved toolkit or homepage."
},
"messaging": {
"essence": {
"text": "Developer creativity and collaboration, with people at the center of AI-assisted software work.",
"prov": "inferred",
"source": "https://github.com/",
"source_note": "Observed 2026-10-31 homepage headline, product cards and community CTA"
},
"taglines": [
{
"text": "Software still starts with you",
"prov": "observed",
"source": "https://github.com/",
"where": "Homepage hero",
"source_note": "2026-10-31; observed headline, not a published permanent tagline"
}
],
"attributes": [
"nerdy",
"confident",
"authentic",
"imaginative",
"empathetic"
],
"key_messages": [
{
"text": "Repositories, review and collaboration remain the platform foundation.",
"prov": "observed",
"source": "https://github.com/",
"source_note": "2026-10-31"
},
{
"text": "Copilot helps with tasks, projects and automated work.",
"prov": "observed",
"source": "https://github.com/",
"source_note": "2026-10-31"
}
],
"boilerplate": {
"text": "GitHub supports software development through repositories, code review, collaboration, automation, security tools and AI coding assistance, connecting developers and organizations through a large community.",
"prov": "inferred",
"source": "https://github.com/",
"paraphrase": true,
"source_note": "2026-10-31 homepage synthesis; official boilerplate not published in toolkit"
},
"pillars": [
{
"name": "Human creativity",
"claim": "Developers remain the authors of software even as AI tools change the work.",
"proof": [
"p-developers",
"p-platform"
],
"prov": "inferred",
"source": "https://github.com/",
"source_note": "2026-10-31; analytical pillar, not official architecture"
},
{
"name": "Collaborative infrastructure",
"claim": "A shared home for repositories, review and collaboration across the developer community.",
"proof": [
"p-repos",
"p-platform"
],
"prov": "inferred",
"source": "https://github.com/",
"source_note": "2026-10-31; analytical pillar"
},
{
"name": "AI that helps ship work",
"claim": "Copilot expands from assistance into tasks, projects and automation.",
"proof": [
"p-mercado",
"p-platform"
],
"prov": "inferred",
"source": "https://github.com/",
"source_note": "2026-10-31; analytical pillar"
},
{
"name": "Enterprise confidence",
"claim": "Security and quality capabilities support teams building at organizational scale.",
"proof": [
"p-enterprise",
"p-security"
],
"prov": "inferred",
"source": "https://github.com/",
"source_note": "2026-10-31; analytical pillar"
}
],
"proof_points": [
{
"id": "p-developers",
"kind": "stat",
"text": "225M+ developers building on GitHub",
"prov": "observed",
"source": "https://github.com/",
"source_note": "2026-10-31; ref/slices/home-desk-00.png"
},
{
"id": "p-repos",
"kind": "stat",
"text": "800M public and open source repositories",
"prov": "observed",
"source": "https://github.com/",
"source_note": "2026-10-31; ref/slices/home-desk-02.png"
},
{
"id": "p-enterprise",
"kind": "stat",
"text": "90% of the Fortune 100 uses GitHub",
"prov": "observed",
"source": "https://github.com/",
"source_note": "2026-10-31; ref/slices/home-desk-02.png"
},
{
"id": "p-mercado",
"kind": "stat",
"text": "Mercado Libre customer card reports a 50% reduction in coding time with GitHub Copilot",
"prov": "observed",
"source": "https://github.com/",
"source_note": "2026-10-31; ref/slices/home-desk-03.png"
},
{
"id": "p-platform",
"kind": "other",
"text": "Homepage presents repository hosting, review and collaboration alongside Copilot coding agents",
"prov": "observed",
"source": "https://github.com/",
"source_note": "2026-10-31; ref/slices/home-desk-01.png"
},
{
"id": "p-security",
"kind": "other",
"text": "Homepage presents Code Security, Secret Protection and Code Quality as distinct capabilities",
"prov": "observed",
"source": "https://github.com/",
"source_note": "2026-10-31; ref/slices/home-desk-01.png; home-desk-02.png"
}
],
"claim_boundaries": [
{
"text": "Keep the exact scope and observation date attached to homepage statistics; these are marketing claims observed in a saved capture.",
"prov": "inferred",
"source": "https://github.com/",
"source_note": "2026-10-31"
},
{
"text": "Do not imply GitHub endorsement or affiliation through logo or name usage.",
"prov": "published",
"source": "https://brand.github.com/foundations/logo"
},
{
"text": "Do not describe a co-hosted or partnered event without explicit GitHub approval.",
"prov": "published",
"source": "https://brand.github.com/brand-identity/cobranding"
}
]
}
}
}
}