PX
Pixel/Mono
Ctrl+P ⌘K READY
const "graphite" v4.2
Dark canvas
Monospace soul
Graphite Gray 100 meets Pixel Mono — syntax-colored surfaces where every accent carries a token's weight.
Explore the canvas Read manifesto ⌘+↩
01.MODULES
Layered surfaces
Gray 90 panels on a Gray 100 page — depth from elevation, not gloss.
type: token
02.TYPEFACE
Fixed-width voice
Pixel Mono throughout — headlines, code, and captions.
"monospace"
03.TOKENS
Semantic color
Cyan links, green strings, magenta keywords — meaning over decoration.
// highlight
terminal — bash
npm run build:design
> node scripts/compile.mjs
tokenizing layers...

gray-90surface
cyan-40primary
green-30string
magenta-40keyword

echo "complete"
complete
256
tokens
9
layers
1px
hairline
This is the IBM Plex Mono Dev design system, applied by Curio Design — a design-style library for AI agents. Full IBM Plex Mono Dev guide → designbycurio.com/learn/ibm-plex-mono-developer-2017