SaaS · Analytics · Case study
Every number, one keystroke away. A precision instrument. Neutral graphite so the data is the only thing with colour, tabular figures throughout, and a 4px grid that never breaks.
Analytics tools are built to demo well to an executive and then used all day by an analyst. Those are different jobs, and the second one loses. Luminary was an attempt to design for the person who has the tool open for eight hours rather than eight minutes.
If the interface has colour, the data cannot. Everything structural is graphite; the single electric blue is reserved for the live value and the primary action. On a dashboard, colour has to mean something.
Proportional numerals make columns of numbers wobble, and a wobbling column is harder to scan. Every figure in the system is tabular, which is also why the type pairing includes a mono.
Motion that reads as elegant on a marketing page reads as lag in a tool you use all day. The whole system moves in 180ms on a near-linear curve, and the only thing that animates is state.
Inter Tight Variable. A 4px grid and 180ms motion.
A 4px grid, four radius steps, and a type scale with one family doing display and body. The product page renders its interface as a diagram rather than a fake screenshot, this is a concept, and a mocked-up screenshot pretending to be software would be the wrong kind of persuasive.
Committing to a 4px grid made most layout decisions disappear. When every spacing value is a multiple of four, there is no argument about whether something should be 18 or 20, it is 16 or 20, and one of them is obviously right.
Screens
I design brand systems that hold up from the logo to the last screen.
Nothing matches that. Try “fintech”, “offline” or “brand”.