Bloom is now Rainbrand

(Brand guidelines) // Developer tools

GitHub brand
guidelines

GitHub’s logo, colors, fonts, voice, and dos and don’ts, from the Brand Skill Rainbrand built from github.com.

Download the Brand Skill

About GitHub

GitHub is a developer platform for building software together, connecting code, collaboration, automation, and security from first commit to enterprise scale. Its identity pairs clear, direct communication with distinctive green accents and a developer-first focus.

Use GitHub's Invertocat mark as the compact platform identity. Choose the white or dark treatment that reads clearly against its background, and keep the silhouette and proportions intact.

Keep GitHub, Copilot and partner marks distinct. Product screenshots and interface controls do not replace the GitHub identity.

GitHub colors

  • Bright green

    HEX
    RGB

  • Charcoal

    HEX
    RGB

  • White

    Website background and cards

    HEX
    RGB

  • Black

    Website text

    HEX
    RGB

GitHub fonts

  • Mona Sans

    Headings · 440, Body · 400

Font names only. The Brand Skill download doesn’t include font files.

GitHub’s voice

GitHub’s voice is confident, direct, and grounded in the work developers do. It makes complex capabilities feel practical, emphasizing collaboration, momentum, and control. Address people as builders and collaborators, not as passive audiences.

  • “Build, secure, and scale on one platform”
  • “Move faster. Stay in control”
  • “Software still starts with you”

Dos and don’ts

Do

  • Use the GitHub mark as supplied and give it clear visual separation from surrounding content.
  • Build contrast with GitHub’s green and neutral palette, using color according to its established role.
  • Write in direct, active language that connects the work to outcomes such as building, securing, and shipping software.
  • Keep the developer’s agency visible: describe GitHub and Copilot as tools that support people’s work and decisions.
  • Show product features in the context of real development workflows when creating product-focused work.

Don’t

  • Redraw, distort, or substitute another mark for the GitHub identity.
  • Treat the bright palette green, website accent, and button green as interchangeable when a specific role matters.
  • Use vague, inflated language where a clear description of the developer task or benefit would be more useful.
  • Suggest that Copilot replaces developers or removes the need for human review and judgment.

GitHub imagery

89 images from github.com, in 2 files of the Brand Skill. Each file starts with its guidance, then shows the images it refers to.

Brand imagery

25 images

GitHub’s marketing imagery brings the product and developer community into view. Use branded backdrops and campaign artwork as visual assets, and let GitHub’s own product imagery support feature storytelling.

  • A vibrant purple and pink 3D-rendered character looks up at a glowing white butterfly in this GitHub graphic.
  • A clean, white graphic centered on the GitHub logo and the bold black text 'Software still starts with you'.
  • An abstract UI wireframe of a GitHub repository page is rendered in a minimalist, grayscale vector style.
  • A minimalist graphic illustration depicts a dark-themed software interface resembling a GitHub repository page, centered against a dark green grid background.
  • A minimalist graphic shows a white browser window with a small GitHub logo centered at the top, floating against a muted sage-green grid background.
  • A vibrant yellow rubber duck graphic trails three blurred silhouettes in green, blue, and orange, suggesting rapid movement across the frame.
  • A vibrant yellow rubber ducky is shown in profile, facing toward the right.
  • A digital graphic for "GitHub Copilot" features a vibrant, multi-colored pastel cat character with large expressive eyes centered at the bottom.
  • A screenshot of a dark-themed software interface against a faint grid background, featuring a glowing green vertical line on the left.
  • A clean, minimalist graphic featuring a black GitHub logo at the top and a small, round cartoon cat character at the bottom center.
  • A small, purple and pink creature with wide eyes floats across a dark, gridded digital landscape towards the top right.
  • A close-up photograph of a man with black hair and gold-rimmed glasses, wearing a royal blue chore coat over a red sweater.
  • A vertical abstract graphic featuring a soft, out-of-focus gradient of colors.
  • A minimalist geometric pattern of fine, thin grey grid lines arranged in two separate corner clusters.
  • A woman with wavy brown hair and a black long-sleeved shirt featuring the GitHub logo stands in a modern office, smiling and gesturing with open hands.
  • A clean screenshot of a GitHub 'Copilot autofix' interface explanation regarding a cross-site scripting (XSS) vulnerability.
  • A digital graphic features the white GitHub logo and the text "Enterprise Cloud" centered on a vibrant blue and green gradient background.
  • A high-angle, wide shot captures a bustling tech conference floor centered on a large black monolith labeled "GITHUB MISSION CONTROL." The display features a…
  • In a bright, high-tech laboratory, a senior female scientist with blonde hair and black-framed glasses discusses findings on a digital tablet with a younger…
  • A woman with long blonde hair and a black and white letterman jacket smiles on the left of this video thumbnail.
  • A floating, 3D stylized robot head with large, friendly glowing eyes and rounded features in a gradient of blue and purple.
  • A wide, horizontal graphic banner featuring a pixelated grid pattern of solid-colored squares in neon green, bright purple, mustard yellow, and vibrant pink.
  • A vibrant digital banner features a wide horizontal collage of pixel art and coding motifs on the left and a 3D-rendered character on the right.
  • This horizontal typographic logo features the word 'UNIVERSE' in a bold, white, sans-serif font followed by the number '26' in the same style.
  • A minimalist graphic pattern featuring fine, light gray dashed lines that form thin-bordered rectangular blocks.

Product interface imagery

64 images

GitHub product visuals show work in context: issues, pull requests, code, terminals, workflows, and project views. Preserve the interface as the focus of the image. Use these screenshots to ground product storytelling in recognizable developer tasks and outcomes.

  • A screenshot of a software developer pull request interface titled 'Add authentication layer #24'.
  • A split-screen software interface shows an AI chat workspace on the left and a bug tracking issue on the right.
  • A screenshot of a software deployment interface shows a green checkmark next to the heading "All checks have passed." Below, four specific stages—Build,…
  • A screenshot of a GitHub code review comment from a bot titled 'github-code-quality' suggesting a fix for JavaScript code.
  • A screenshot of a software security interface displays a code vulnerability report titled 'Code injection #14' on the main branch.
  • A screenshot of a GitHub security alert interface titled 'Password #8' which identifies a 'Publicly leaked secret.' The alert highlights a specific Python…
  • A close-up UI screenshot of a software interface showing a 'Cloud' tab selected next to a greyed-out 'Local' tab.
  • A soft, painterly gradient graphic transitions diagonally from a warm peachy-pink in the upper left corner to a muted sage green in the lower right.
  • A dark-themed software UI screenshot displays a bug report titled ' Bug Opening an existing GitHub Sandbox fails'.
  • A dark-mode screenshot of a software interface shows GitHub Copilot managing project tasks and issues.
  • A dark-mode software interface is shown through overlapping mobile and desktop app windows, highlighting a chat session titled "Terminal rainbow mode…
  • A dark-themed software UI screenshot shows a 'New automation' modal window centered against a dark, gridded background.
  • A screenshot of a dark-themed AI command interface displays a menu of slash commands over a subtle grid background.
  • A screenshot of a dark-themed GitHub Copilot code review interface highlighting a potential race condition in Java code.
  • A side-by-side screenshot of a code editor and a web preview featuring the GitHub mascot.
  • A digital graphic featuring three horizontal, dark gray rectangular buttons stacked vertically on a pale, iridescent dotted background.
  • A clean screenshot of a dark-themed code editor displays a JSON configuration file for GitHub dev containers.
  • A digital graphic showcasing a dark-themed integrated development environment (IDE) displaying CSS code for a .main class and .container header.
  • Three dark, rounded rectangular notification cards float against a soft-focus, pastel-dithered background.
  • A close-up graphic screenshot of a GitHub repository interface titled "github / github" with a lock icon.
  • A close-up UI screenshot of a GitHub issue titled " Initiative Brand Refactor #920," featuring a green 'Open' status badge and a '1/3 sub-issues' progress…
  • A software interface screenshot displays a pull request titled 'Add toggle switch component #1497' with an active green 'Open' badge.
  • A close-up screenshot of a software pull request interface featuring a white card with green checkmarks and an orange border on the left.
  • A clean screenshot of a GitHub Projects board titled 'Team - Planning & Priorities' shows a table of eight initiatives.
  • A clean screenshot of a software dashboard titled 'Sessions' featuring a minimalist white and light gray interface.
  • A software interface screenshot displays a GitHub pull request titled 'Add full color logo support to LogoSuite #1499'.
  • A software interface screenshot displays a security alert for 'Server-side request forgery #1700' on a clean, light gray grid background.
  • A clean software interface graphic displays a CI/CD pipeline workflow for 'matrix-build-deploy.yml'.
  • A screenshot of a software platform interface featuring an "# Open Source" heading and three repository cards.
  • A screenshot of a software community discussion forum interface featuring a purple gradient header and card-based layout.
  • A digital screenshot displays a grid of six profile cards, each featuring a circular avatar, a name, and a pink-outlined 'Sponsor' button with a heart icon.
  • A clean software workflow diagram shows a 'matrix-build-deploy.yml' sequence against a neutral grey gradient background.
  • A clean screenshot of a GitHub pull request status box with a rounded white frame.
  • A screenshot of a code editor interface showing a YAML configuration file with an active autocomplete dropdown menu.
  • A screenshot of a software terminal interface on a clean white background with rounded corners.
  • A digital UI screenshot features a white modal window titled 'Scan organization' centered against a blue-to-light-blue gradient background.
  • A software interface screenshot displays a GitHub code scanning alert for 'Reflected cross-site scripting' marked with a high-risk tag.
  • A screenshot of a GitHub Advanced Security interface displays a code review window identifying a potential SQL injection vulnerability in a PHP file.
  • A digital graphic layers two software dashboard windows with rounded corners on a dark backdrop.
  • A close-up UI screenshot features an open dropdown menu labeled 'Standard scan' within a clean, minimalist software interface.
  • A digital UI screenshot features a large foreground window displaying a 'Critical' security alert with the option to 'Assign to Copilot' via a light blue…
  • A glowing blue shield with a white checkmark is encased inside a semi-opaque, crystalline hexagon that appears to float.
  • A translucent, glowing blue shield with a white line-art padlock at its center sits encased within a frosted, glass-like 3D hexagon.
  • A screenshot of a GitHub code review interface displays a 'Reflected cross-site scripting' high-severity security alert from 'Code scanning / CodeQL'.
  • A digital graphic displays a code diff interface labeled 'AI suggested fix' inside a dark, rounded window.
  • A horizontal graphic features a dark terminal window centered on a blue gradient background with a subtle halftone pattern at the bottom.
  • A screenshot of a desktop application in dark mode featuring the GitHub logo at the center of the main dashboard.
  • A screenshot of a terminal interface shows a failed 'git push' command due to an error GH009: 'Secrets detected!'.
  • A close-up graphic of a terminal window displays a failed 'git push' command due to 'GITHUB PUSH PROTECTION'.
  • A digital interface screenshot depicts a security notification against a soft blue gradient background.
  • A digital UI mock-up of a 'Secret scanning' modal window floating against a blue gradient background with a subtle pixel pattern.
  • A clean software interface graphic featuring a white 'Scan organization' modal window centered on a light blue gradient background with a subtle pixelated…
  • A high-resolution screenshot of a version control software interface, specifically showing a 'diff' of TypeScript code in a file named 'section-list.tsx'.
  • A screenshot of a code diff within a clean white window, set against a soft pastel gradient and grid pattern background.
  • A close-up UI screenshot features a notification bubble popping over a list of git commit entries against a soft, pastel-gradient background.
  • A close-up software screenshot displays a 'Stashed changes' interface with a 'Restore' button highlighted in blue.
  • A close-up software interface screenshot shows a dropdown menu highlighting 'Amend Commit...' in bright blue.
  • A vibrant graphic illustration featuring two abstract, angular shapes that meet at a central vertex.
  • A vibrant, circular graphic featuring a glowing white ring at its center, surrounded by soft, blurred gradients of neon green, royal blue, and deep purple.
  • A trio of soft-focus, abstract semi-circular shapes arranged in a receding line to create a sense of depth and motion.
  • A vibrant graphic icon featuring two square nodes with rounded corners connected by a thick, L-shaped bent line.
  • A vibrant 3D graphic of four interconnected torus rings forming a molecular structure.
  • A vibrant, four-pointed star graphic with bowed sides that give it a pillowy, three-dimensional look.
  • A high-gloss, 3D rendered purple and blue robot head looking upward with oversized, square-rimmed goggle eyes that have a reflective glass sheen.

Download GitHub’s Brand Skill

A Brand Skill is a folder of brand guidance written for agents. Give it to Claude, ChatGPT, Cursor or another agent and ask it to follow GitHub’s guidelines. It starts at SKILL.md, which points to the right file for each task.

It has the guidance, 91 images and the logos. The font files belong to GitHub, Inc, so they’re left out.

Download the Brand SkillZIP, 3.1 MB

github-brand-skill/

├ SKILL.md

├ README.md

├ references/

│ ├ voice.md

│ ├ dos-and-donts.md

│ ├ colors.md

│ ├ logo.md

│ ├ typography.md

│ ├ brand-imagery.md

│ └ product-interface-imagery.md

└ assets/

├ images/

└ logos/

Rainbrand’s Brand Agent built this Brand Skill from github.com on 3 Nov 2026. It isn’t GitHub’s official guide. Reviewed by Siddharth Borderwala, Founding Engineer at Rainbrand.

GitHub and its logos are trademarks of GitHub, Inc. Rainbrand isn’t affiliated with or endorsed by GitHub, Inc.

Make one for
your brand.

Add Rainbrand to your agent and give it your website, brand guide or files. Rainbrand builds a Brand Skill like this one and keeps it up to date.

Get startedRead the docs

  1. Open the Rainbrand plugin and add it.

    Open Rainbrand plugin (opens in a new tab)

  2. Connect your Rainbrand account when asked. It works in ChatGPT and in Codex.

See all brands

Rainbrand builds and maintains shared brand context for your agents and products.

Get startedRead the docs (opens in a new tab)