Orbit
Orbit
The foundation behind every Polar surface
Principles
Three rules govern every decision in the system. They are why Orbit looks the way it does, and the bar each component is held to.
01
Design by subtraction
Start with everything. Remove until only what is necessary remains. Then remove one more thing. What survives is the design.
Orbit ships one spacing scale, a handful of radii, and a small set of semantic colors. The constraint is the feature. Fewer choices means fewer ways to drift, so every surface in Polar reads as one system.
02
Derived, not decorated
Every element should feel like it emerged from an underlying rule, not a preference. Beauty is an outcome of correctness, not ornament.
Color resolves from light-dark(), spacing from a single scale, motion from physical curves. You author one styling pass and dark mode is free, because the values are computed rather than handpicked.
03
Precision as respect
An imprecise pixel, word, or interaction signals that we do not understand the people we build for. Precision is not a quality bar, it is a form of respect.
Polar builds for a technical audience. Box makes precision the default by removing arbitrary values: typed props take tokens, never raw pixels, so the easy path and the correct path are the same.