Openly Useful Design System · 3.1.0
A familiar place
to make things together.
A public identity and interface system inspired by Unix clarity, community computer labs, friendly monitor faces, and useful software passed between friends.
01 · Brand idea
The Open Monitor
The outer O is an open, shared environment. The inner U is useful work, the user, and you. Two cursor-like eyes turn that relationship into a welcoming monitor face: capable, inspectable, and ready for one more person.
$ openly-useful --shareOptical proof · production pixels
Each eye shares its centerline with a U stem. The four-unit eye gap and 2.5-unit lower counter protect the face at small sizes.
favicon
minimum
header
application
Identity component
One governed lockup
- Typography
- Atkinson Hyperlegible Next 780 and IBM Plex Mono 700, frozen as outlined vectors.
- Composition
- Stacked for identity moments; horizontal for navigation and footer.
- Governance
- One vector master per composition plus manifest and release validation. No surface overrides.
Brand world
Comfortable sharing
02 · Foundations
Color & type
#F7F3E9#171A18#247A4B#3568A8IBM Plex Mono · $ make useful03 · Components
Useful states
$ git clone openly-useful/project
Cloning something useful…04 · Character
Monitorfolk
Small modular maintainers who pair, review, carry, repair, and share. Every screen repeats the O/U face, while antennas, colors, and workwear give the crew room to vary.
Never heroes. Never gatekeepers. Always one more chair.
05 · Voice
Neighborly precision
“Here’s what works.”
“This part is still rough.”
“There’s room to help.”
“Pick it up here.”
The full specification