Diagrams - Brand Toolkit Skip to main content Brand Toolkit / Search Search Close search Switch to dark mode Open search Menu * * Guides * Guides * Getting started * * Brand identity * Brand identity * Brand attributes * Co-branding * Copilot * Voice and tone * * Foundations * Foundations * Accessibility * Color * Logo * Typography * * Graphic elements * Graphic elements * Diagrams * Iconography * Illustration * Layouts * Mascots * Product UI * Textures * * Brand in action * Brand in action * eBooks * Experiential * Presentations * Social * Swag * Web * * Motion identity * Motion identity * Events * Logo animation * Overview * Brand Toolkit * Graphic elements * Diagrams Diagrams Our diagrams and graphs are accurate and informative. We prove we're trustworthy and reliable by sweating the small stuff. Every line and color choice in our technical illustrations should feel considered. See Figma Diagram Library Charts and graphs Our charts and graphs should build trust. Attention to detail, legibility of text, and accessibility are the main priority. This is not the place for illustrations, gradients or adjacent color. When absolutely essential, color can be used to group complex data. Diagrams Like charts and graphs, diagrams should feel clear, technical and instructional. Occasionally color blocking can be used for key pillars (Copilot, Security) or for clarity of information. Infographics Some claims aren’t as comparative. In these moments we use icons, type, and simple layout to show the emotions that back up why the numbers matter. But don’t feel stuck to what’s been done before. In some settings, it’s appropriate to break out of the box to make a bold or striking claim. On this page * Charts and graphs * Diagrams * Infographics Edit this page © 2026 GitHub, Inc. All rights reserved.