# Details That Make Interfaces Feel Better

Essay by Jakub Krehel (https://jakub.kr)

A collection of details that make your interfaces feel better.

Topics: Craft, Systems
Source: https://jakub.kr/writing/details-that-make-interfaces-feel-better

## For agents

Nothing to install. This is a reference: cite it, or fetch the source when
the reasoning matters.

Read it at: https://jakub.kr/writing/details-that-make-interfaces-feel-better

The full text is not reproduced here. It belongs to its author. What is
above is the author's own summary and the topics it covers.

Skills in this library that act on the same ground:

- emil-design-eng (https://www.stackskills.dev/md/emil-design-eng): The design-engineering house style behind Sonner and Vaul.
- prototype (https://www.stackskills.dev/md/prototype): Builds several genuinely different UI variants behind a live picker.
- apple-design (https://www.stackskills.dev/md/apple-design): Apple's interface and motion principles, translated for the web.
- pick-ui-library (https://www.stackskills.dev/md/pick-ui-library): Picks the library from the set Emil actually uses and trusts.
- better-ui (https://www.stackskills.dev/md/better-ui): Concentric radius, optical alignment, surface depth, hit areas.

## The short version

Great interfaces are rarely one thing. They are a pile of small corrections that compound, and Jakub walks through the ones he reaches for. Use text-wrap: balance on titles and text-wrap: pretty on the paragraph underneath. Match nested radii with the concentric formula, where the outer radius equals the inner radius plus the padding, because mismatched corners are a surprisingly common reason an interface feels slightly wrong. Icons should transition with opacity, scale and blur rather than being swapped out. Every section is interactive, so you can drag the values and watch the difference.

## Verification

- Source link: Resolved (HTTP 200) (pass)
- Reading copy: Plain markdown for agents at /md/details-that-make-interfaces-feel-better (pass)
- Attribution: Credited to Jakub Krehel (pass)

Full page: https://www.stackskills.dev/library/details-that-make-interfaces-feel-better