Room to
experiment.
A clear frame for curious work.
Our identity, the rules behind it, and the pieces we build with.
A little out of line.
Three squares establish a pattern. One circle steps outside it. A small departure with a clear point of view.
software
Keep the departure.
The circle stays slightly up and to the right. Its position is part of the mark. Always use the original artwork.
Give it room.
Keep at least half a square’s width clear around the visible mark. Start at 24px for interface use.
Keep it simple.
Use ink on light surfaces or white on ink. Preserve the proportions. No gradients, extra shapes, or effects.
One voice. Two fonts.
Helvetica Neue does the speaking. Menlo adds the small, precise details. Hierarchy comes from scale and spacing.
Software, under exploration.
Make room
for what’s next.
Large type. Tight spacing. Regular weight.
Display tracking: −0.065em.
An independent lab building tools, products, and internet experiments. We follow interesting questions and turn them into software you can use.
16px / 1.55 line height. Normal spacing.
The wordmark uses Medium (500).
WORK / NOTES / ABOUT
PROTOTYPE · v0.1.0
npm install orb-ui
Labels, navigation, versions, dates, and commands. Use the technical voice in small doses.
Interface labels use 14px; secondary metadata uses 12px. This page uses installed Helvetica Neue and Menlo, with Arial and monospace fallbacks. A consistent public web release needs licensed webfonts; font files are not included.
White, with a signal.
White makes space. Ink gives structure. Acid yellow marks the one thing that deserves your attention.
Paper
#FFFFFFPrimary background
Ink
#171715Text & the mark
Acid
#D8EF45Primary action
Surface
#F3F5EFSecondary background
Muted
#62665ESupporting text
Rule
#DDE1D7Dividers
Set ink text on acid yellow. Rules are subtle separators; interactive fields use a stronger border. Never use color alone to communicate state.
Familiar pieces. Our character.
Accessible component behavior, a restrained visual layer, and room for each product to be itself.
shadcn/ui + Base UI + White Room
Square corners, clear focus states, generous spacing, and one accent.Use words to make maturity clear. A project’s status belongs beside its name.
Changes saved
Short, specific feedback. Say what happened and keep the next step clear.
Press Tab to explore. A crisp ink outline keeps focus visible on every surface.
A family, not a uniform.
Experimental Software provides the frame. Named products keep their own name, imagery, and personality.
orb-ui
Voice agent UI that feels alive.
Lead with the work.
Let the product name do the talking. Keep the parent endorsement small and consistent.
Use real software captures and outputs. Describe what it does, how to try it, and how mature it is.
View Orb UIStart with the originals.
Use these files as the source of truth. The original mark, the selected palette, and the styling foundation.
