Instrumentation, not illustration.
Geometric, scientific, wayfinding. A glyph set the monospace already carries, plus a custom 24-pixel icon set for the things only Milo has.
Nine glyph primitives carry object and state meaning; they pair with a label, never alone.
From tokens/semantic.json. Every state pairs a glyph with a colour and a label; the glyph carries the meaning when colour cannot.
Nineteen icons for what only Milo has.
Milo, Offline, voice, memory, JEV, fleet, generation, activity and the object set, on a 24px grid.
16px in rows and rails, 24 in navigation, 32 in empty states; strokes hold at every size.
16px for rows and rails, 24px for navigation and controls, 32px for empty states and headers. Strokes stay 1.5px at 24 and round to 1px at 16.
One grid, one stroke, one safe area; instrumentation, not illustration.
Construction rules
- 24 × 24 grid, 2px safe area, 1.5px stroke, round caps and joins.
- Circles, squares, diamonds, triangles and straight lines. No hand-drawn curves.
- Milo is the filled-centre ring ◉ and takes Vermilion when active; Offline is the connection glyph ⌁ and takes Moss when healthy.
- Icons use currentColor; state colour comes from the parent.
- Every icon has a text label beside it or an aria-label. None is decorative.
- Filled illustrative icons, 3D, gradients, drop shadows.
- Emoji as UI.
- A different stroke weight per icon.