github-study

---
name: github-study
description: Apply the GitHub brand study to drafts. Use for any deck, page, post or email written in this brand.
---

# GitHub brand rules

## Color
- GitHub Green: #0FBF3E
- Gray 1: #F2F5F3
- Gray 2: #E4EBE6
- Gray 3: #B6BFB8
- Gray 4: #909692
- Gray 5: #232925

## Type
- Mona Sans
- Mona Sans
- Mona Sans Mono. Open stand-in: Geist Mono

## Logo
- Use standalone Invertocat in GitHub-owned or already established GitHub contexts; otherwise prefer the full lockup.
- Preserve 25% clear space on all sides of the Invertocat; balance top and bottom optically in circular crops.
- Use white or black by default, with gray or green in limited cases; maintain accessibility and choose highest contrast when uncertain.
- Default product lockups pair Invertocat with Security or Copilot; expanded lockups include GitHub where familiarity is low.

## Voice
- Write GitHub with capital G and H as a single word.
- Use exact technical language and correct punctuation; explain technical concepts accessibly.
- Use short, conversational, plainspoken sentences; remove unnecessary jargon and marketing filler.
- Address the reader with you more often than referring to the company with we.

## Never
- Make secondary accents the general core brand identity
- Apply product color behind paragraphs where it harms readability
- Treat observed pixels as published hex values
- Silently replace toolkit swatches with similarly named Primer colors
- Rearrange, distort, skew, stretch or alter logo elements

## Before you finish
- Logo hidden: Does the composition still carry GitHub through Mona Sans/Mono, green, contribution-derived geometry and neutral/expressive separation?
- Functional or expressive: Can the chosen intensity be explained by audience, task and context? Technical demos stay precise; community and launch moments can carry more delight.
- Readable without color: Can a reader understand the hierarchy, labels and data without relying on color alone?

## Files
- reference/tokens.css: the colors and type above as CSS variables. Use them in any HTML or CSS you write.
- assets/: logo and font files, when present. Use them as supplied. Never redraw the logo.

## With other design skills
These rules are the brief. Where they set a color, a typeface or a voice rule, follow them exactly. Make your own choices only where they are silent.

• SKILL.md 2 KB
• assets/README.md 1 KB
• reference/tokens.css 1 KB