Inspiration by VASA Works
Get started

GitHub 2026 Brand Guidelines

GitHub's 89-page 2026 brand guidelines covering the Invertocat logo, sub-brand architecture, GitHub Green color system, the Mona/Copilot mascots, 3D isometric illustration, the contribution-graph motif, Mona Sans typography, and event design.

89 slides · Guideline

View deck overview
GitHub 2026 Brand Guidelines cover, minimal, 3d-render, light
Cover
Table of contents quadrant grid, dark-mode, minimal, dark
Contents
Brand Attributes section divider, dark-mode, minimal, dark
Section
Brand attributes in application (four cards), dark-mode, editorial, dark
Brand Elements
Nerdy attribute mood board, light-mode, editorial, light
Brand Elements
Nerdy attribute in copy, design, experiences, light-mode, minimal, light
Tone Of Voice
Confident attribute mood board, light-mode, editorial, light
Brand Elements
Confident attribute in copy, design, experiences, light-mode, minimal, light
Tone Of Voice
Authentic attribute mood board, light-mode, editorial, light
Brand Elements
Authentic attribute in copy, design, experiences, light-mode, minimal, light
Tone Of Voice
Imaginative attribute mood board, light-mode, editorial, light
Brand Elements
Imaginative attribute in copy, design, experiences, light-mode, minimal, light
Tone Of Voice
Empathetic attribute mood board, light-mode, editorial, light
Brand Elements
Empathetic attribute in copy, design, experiences, light-mode, minimal, light
Tone Of Voice
Logo section divider, dark-mode, minimal, dark
Section
Primary logo, the Invertocat, light-mode, minimal, light
Logo Usage
Wordmark lockup, light-mode, minimal, light
Logo Usage
Logo placement and grids, light-mode, minimal, light
Layout
Logo color across themes, light-mode, minimal, light
Logo Usage
Logo color theme blocks, light-mode, minimal, light
Logo Usage
Logo unsuccessful examples (do-not grid), light-mode, minimal, light
Logo Usage
Brand tagline "Let's build, light-mode, minimal, light
Brand Elements
Sub-branding section divider, dark-mode, minimal, dark
Section
Sub-branding lockups and product icons, light-mode, minimal, light
Logo Usage
Sub-brand lockup flexing for context, light-mode, minimal, light
Logo Usage
Mark hierarchy (core, sub-brands, events), light-mode, minimal, light
Diagram
Mark hierarchy detail columns, light-mode, minimal, light
Logo Usage
Utilizing the product layer, light-mode, minimal, light
Logo Usage
How to choose a mark (decision flow), light-mode, minimal, light
Diagram
Copilot sub-brand divider, light-mode, 3d-render, light
Section
Copilot color theme and dithering, light-mode, technical, light
Color Palette
Copilot product lockup, icon, and color, light-mode, minimal, light
Brand Elements
Copilot color theme applications, light-mode, technical, light
Color Palette
Copilot product launch loudness, light-mode, technical, light
Imagery
Security sub-brand divider, light-mode, 3d-render, light
Section
Security product lockup, icon, and color, light-mode, minimal, light
Brand Elements
Security color theme applications, light-mode, technical, light
Color Palette
Co-branding section divider, dark-mode, minimal, dark
Section
Co-branding lockups with Microsoft, light-mode, minimal, light
Logo Usage
Co-branding lockups detail, light-mode, minimal, light
Logo Usage
Co-branding unsuccessful examples, light-mode, minimal, light
Logo Usage
Co-branding frequently asked questions, light-mode, minimal, light
FAQ
Illustration section divider, dark-mode, minimal, dark
Section
Illustration system three styles, light-mode, 3d-render, light
Imagery
Key illustrations detail, light-mode, 3d-render, light
Imagery
GitHub guidelines - simpler texture combinations, minimal, technical, light
Imagery
GitHub guidelines - texture library grid, minimal, technical, light
Imagery
GitHub guidelines - texture color and contrast, technical, data-dense, vibrant
Color Palette
GitHub guidelines - Color section divider, dark-mode, minimal, dark
Section
GitHub guidelines - neutral brand color intro, minimal, technical, light
Color Palette
GitHub guidelines - primary palette specs, technical, data-dense, light
Color Palette
GitHub guidelines - secondary palette by pillar, technical, data-dense, vibrant
Color Palette
GitHub guidelines - text-based layout themes, minimal, technical, light
Layout
GitHub guidelines - color accessibility, minimal, technical, light
Governance
GitHub guidelines - Mascots section divider, dark-mode, minimal, dark
Section
GitHub guidelines - meet the mascots, light-mode, minimal, light
Imagery
GitHub guidelines - Mona character sheet, light-mode, minimal, light
Imagery
GitHub guidelines - Copilot character sheet, light-mode, minimal, light
Imagery
GitHub guidelines - Duckie character sheet, light-mode, minimal, light
Imagery
GitHub guidelines - mascot usage do and don't, minimal, light-mode, light
Governance
GitHub guidelines - alternate mascot styles, minimal, light-mode, light
Imagery
GitHub guidelines - Icons section divider, dark-mode, minimal, dark
Section
GitHub guidelines - icons as visual throughline, minimal, technical, light
Iconography
GitHub guidelines - icon size selection, minimal, technical, light
Iconography
GitHub guidelines - spot Octicons grid, minimal, technical, light
Iconography
GitHub guidelines - icon variants and themes, minimal, technical, light
Iconography
GitHub guidelines - building wondergraph images, minimal, technical, light
Layout
GitHub guidelines - Diagrams section divider, dark-mode, minimal, dark
Section
GitHub guidelines - accurate diagrams and graphs, minimal, technical, light
Data Chart
GitHub guidelines - infographics with icons and type, minimal, technical, light
Data Chart
GitHub guidelines - Typography section divider, dark-mode, minimal, dark
Section
GitHub guidelines - Mona Sans typography intro, minimal, swiss, light
Typography
GitHub guidelines - type scale, minimal, editorial, light
Typography
GitHub guidelines - headline type scale, minimal, swiss, light
Typography
GitHub guidelines - body type styles, minimal, swiss, light
Typography
GitHub guidelines - type pairing, minimal, swiss, light
Typography
GitHub guidelines - type pairing mistakes, minimal, swiss, light
Typography
GitHub guidelines - Layout section divider, dark-mode, minimal, dark
Section
GitHub guidelines - grid and margins, minimal, technical, light
Layout
GitHub guidelines - borders and negative space, minimal, technical, light
Layout
GitHub guidelines - grid-revealed editorial spread, minimal, editorial, light
Layout
GitHub guidelines - layout mistakes, minimal, light-mode, light
Layout
GitHub guidelines - Experiential section divider, dark-mode, minimal, dark
Section
GitHub guidelines - experiential booth principles, minimal, light-mode, light
Benefits
GitHub guidelines - booth build and construction, light-mode, photographic, light
Imagery
GitHub guidelines - interactive installations, light-mode, photographic, light
Imagery
GitHub guidelines - experiential lighting, light-mode, photographic, light
Imagery
GitHub guidelines - booth budget tiers, light-mode, photographic, light
Imagery
GitHub guidelines - questions closing page, dark-mode, minimal, dark
Contact
GitHub 2026 Brand Guidelines — full deck · Inspiration by VASA Works