Screenshot of Github

Github

github.com

The reference for a midnight-indigo developer hero where a violet radial aurora and floating 3D characters do all the colour work while white Mona Sans display type stays compressed and quiet.

Developer Tool flagship

Design tokens

background
surface
text
textMuted
accent
border
tone1
tone2
display
Mona Sans VF
body
Mona Sans
mono
Mona Sans Mono

Do / Don't

Reference it for

  • Indigo-to-near-black hero canvas (#0d1117 base) lifted by a centred violet radial glow rather than a flat fill
  • Mona Sans display at ~64px with tight negative tracking and a two-line centred headline that reads as compressed and confident
  • Single emerald CTA (#08872b green) as the only saturated colour, paired with a ghost/outline secondary button
  • Inline email-capture + primary-button combo housed in one rounded pill input group (6px radii)
  • Floating 3D character illustrations over a soft purple halo as the sole moment of exuberance
  • Achromatic text system: pure white headline, cool-white body, muted grey-green for supporting copy
  • Flat low-elevation components: 6px control radii, 24px card radii, 1px hairline borders instead of drop shadows
  • Surface tone stepping (canvas to elevated to card) to signal depth without z-axis shadow

Do not copy

  • The GitHub Octocat / Invertocat logo mark
  • Mona Sans and Mona Sans Mono (GitHub's proprietary house faces)
  • The Copilot chat-window UI and the named product chrome (game.ts tabs, '@monalisa' copy)
  • The specific 3D mascot characters (the purple/yellow blob creatures)
  • GitHub's exact emerald CTA green as a brand signature
  • The 'future of building happens together' headline wording