Git lines
Git lines are graphic elements we use at GitHub to represent collaboration workflows and actions.
Grid system
A key element for composition and image creation in our system.
Iconography
Icons at GitHub represent objects, ideas and workflows. Some icons convey actions and interactivity and others support and represent complex concepts.
Illustration
Alongside our shape library, we also include representational illustrations of characters and objects within the library that derive from Mona the Octocat's world to add a layer of GitHubby-ness to our branding. Some of these include illustrations of Mona, Hubot, elements from Mona’s worldbuilding language, and fully rendered gitlines.
Key art
Key art is a set of compositions that work as standalone elements to represent different product pillars or as supportive artwork like backgrounds or guiding visuals.
Layouts
Bringing it all together
Mascots
GitHub’s primary mascot is an Octocat called Mona. She embodies GitHub’s personality and attributes. She has two sidekicks called Copilot and Hubot.
Product UI
Our product UI demos are our best way to show the product in marketing contexts. It embodies both the function of the product features and extends our brand attributes.
Shapes
Shapes are graphic elements that represent GitHub's attributes and product pillars in a playful and conceptual way.