GitHub

# GitHub Design System

## Visual Theme & Atmosphere
Content-dense developer workspace. Deep charcoal (#0D1117) with blue accents (#0969DA). Information-rich layouts with clear hierarchy. The Octocat brand brings personality to serious engineering.

## Color Palette & Roles
| Token | Hex | Role |
|-------|-----|------|
| Primary | #0969DA | Blue links, CTAs |
| Secondary | #1F6FEB | Blue hover |
| Accent | #238636 | Green success, merge |
| Background | #0D1117 | Dark canvas |
| Surface | #161B22 | Cards, panels |
| Text | #E6EDF3 | Primary text |
| Muted | #8B949E | Secondary text |
| Border | #30363D | Subtle dividers |

## Typography Rules
- **Fonts**: System fonts for body, monospace for code
- **Base Size**: 14px (compact)
- **Line Height**: 1.5

## Component Stylings
- **Code blocks**: Dark bg, syntax highlighting, line numbers
- **Buttons**: Blue primary, green success, ghost secondary
- **Navigation**: Top bar with search, tabs below

## Agent Prompt Guide
Dense information layouts, dark charcoal background, blue accents, prominent monospace code blocks, tabbed navigation.