Foundations
Iconography
When to reach for Lucide, when to reach for PixelIcon, and when to reach for the font.
The rule
Action — button leading/trailing, menu trigger
Lucide (`<Icon />`)Continuous strokes carry the weight of an action you can take.
Status / identity — chip glyph, badge dot, status indicator
PixelIconBitmap glyphs read as state, not as a verb.
Form input — chevron, caret, check, indeterminate
PixelIconPixel control glyphs are part of the kit's editorial-sharp dialect.
Keyboard / command chip
Departure Mono characterIt's typography, not iconography. Reach for the font.
Why this matters
The kit is loud with three voices — Gloock display, Source Serif body, Departure Mono pixel. Iconography splits the same way: Lucide is the voice of action, PixelIcon is the voice of identity / state, and the pixel font is the voice of metadata. Mix them and the page reads cleanly; cross them (a Lucide check inside a status badge, a pixel arrow inside a button) and the voice fights itself.