← Library

Essay

Details That Make Interfaces Feel Better

Jakub Krehel

A collection of details that make your interfaces feel better.

CraftSystems

Summary

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.

View full writing
Read the full essay on jakub.kr
Source ↗Jakub Krehel ↗

Goes well with

  • emil-design-eng

    The design-engineering house style behind Sonner and Vaul.

    Emil KowalskiMotionCraft

    Emil's main skill. Mostly animation, with the UI-polish and component judgement that surrounds it: what to build, how far to push it, and when to stop.

    npx skills add https://github.com/emilkowalski/skills

  • prototype

    Builds several genuinely different UI variants behind a live picker.

    Emil KowalskiCraftComponents

    Flip through real implementations instead of arguing about descriptions, then promote the one that wins.

    npx skills add https://github.com/emilkowalski/skills --skill prototype

  • apple-design

    Apple's interface and motion principles, translated for the web.

    Emil KowalskiMotionCraft

    Distilled from the WWDC design talks. Gesture-driven UI, spring physics, interruptible transitions, translucent materials, optical sizing and the restraint underneath all of it.

    npx skills add https://github.com/emilkowalski/skills --skill apple-design

    MotionCraftTypographyFull page & trust audit →

Work with us