Skip to content
Browse
Library

Graphite. Luminous terminal lattice.

  • Developer tools
  • Dark theme
  • 11 colors
  • 1 typeface

Graphite — luminous terminal lattice. The interface is a near-black developer workspace where bright off-white type, hairline graphite borders, and softly glowing product visuals carry the hierarchy. Large 500-weight headlines are tightly tracked and compact in line height, while dense product panels use restrained 14–16px utility text. Saturated color is reserved for animated-looking technical graphics, partner surfaces, and orange text links; conversion controls remain deliberately monochrome.

Visit graphite.dev
Screenshot of Graphite
Captured from graphite.dev on October 11, 2026

Graphite design system

Graphite

Brand1

  • Decorative technical linework and animated graphic borders — yellow-to-white-to-blue light turns abstract geometry into an active code signal

Accent1

  • Inline text links and small directional-arrow accents — the sole warm reading cue within the monochrome interface

Neutrals9

  • Deep media backdrops, product-preview fades, black overlays

  • Page backgrounds, footer backgrounds, dark card interiors

  • Announcement strips, compact icon controls, elevated dark surfaces

  • Secondary filled controls, card borders, navigation shell borders, dividers

  • Emphasized borders around selected controls and media frames

  • Tertiary labels, inactive icon strokes, focus-ring details

  • Navigation labels, secondary body text, subdued interface icons

  • Filled conversion buttons and pale partner-card surfaces

  • Primary headings, high-emphasis text, icons, strokes, and dark-surface foregrounds

Try a pairing

Pick any two colors from the palette to check whether text stays readable on top.

Aa

True Black on Signal Orange

8.82 : 1 contrast

Background
Text
  • Body textPasses AA 4.5
  • Large textPasses AA 3
  • StrictPasses AAA 7

More DESIGN.md files. Same web, different personalities.