Details matter!

Quality lives in the smallest details. Even the tiniest objects around us carry thoughtful interactions behind them - a product feels premium in the milliseconds nobody can point at.

The challenge

A design review can approve a layout while the product still feels cheap: outlines that shift weight on hover, focus rings that vanish, type set at a size that breaks the third word of a Dutch sentence. None of it is a decision somebody made. All of it is the default that nobody specified - and defaults are what users actually touch.

Specify the invisible

Every component I ship carries its details as tokens, not vibes: the 1px outline that darkens instead of thickening, the 3px corner that keeps Carbon's straight-edged discipline, the 600/0.12em label voice that stays legible at 10px. Written down, these survive handoffs; remembered, they do not.

Interaction is a signal

Hover, focus and press states are the product speaking. A button that lights its border on hover tells you it heard you before you click; a field that validates while you type saves the submit-and-reread loop. I treat each of those moments as designed objects with their own spec sheet - because if they are not designed deliberately, they are designed accidentally.

The code is part of the detail

Craft does not stop at the screenshot. The interaction behind a single outlined button is a few lines of honest React - state, event handlers, a data attribute for the signal - and writing it readably is as much a detail as the 1px outline. The next developer inherits both, and both decide whether quality survives the next release.

How it works in practice

  • Token examples: 1px outline · 3px corner · 600 weight / 0.12em tracking · signal on hover
  • Checked in review: Focus order, reduced motion, empty/error states, translated strings
  • House rule: If it cannot be named as a token, it is not finished

Outcome

Users never read the spec sheet - but they feel it. Products built this way earn the adjective nobody engineered for them: trustworthy.

All case studies

Back to the case studies section on the homepage

Start a conversation