Details that make interfaces feel better

A curated set of 9 core principles and reference files (typography, surfaces, animations, performance) for making interfaces feel professional rather than basic. Covers concentric border radius, optical alignment, layered box-shadows over borders, interruptible CSS transitions, staggered enter/exit animations with ~100ms delays, contextual icon animations using scale+opacity+blur, and tabular number rendering. Includes specific values (scale from 0.25, blur 4px→0px) and Framer Motion integration guidance.

By jakubkrehel

Identity GitHub jakubkrehel