UIProof
Start free

Review patterns

Review patterns

Each pattern is a synthetic, hand-built fixture — not a capture of the live UIProof product or any customer UI — verified with an executed before/after screenshot pair and a scripted DOM assertion.

A mobile card clips its own action button
A fixed-height, overflow:hidden card renders an "Invite teammate" button past its own visible bottom edge on a 375×667 viewport. Switching to min-height + overflow:visible restores it.
A zero-data state that doesn't say what "zero" means
A "0 projects" list rendered as a bare box is indistinguishable from a loading or broken state. Adding an explicit heading, one explanatory sentence, and a create action removes the ambiguity.
One long label evicts a whole nav item
A five-item nav row built with white-space:nowrap + overflow:hidden loses an entire tab once one sibling label is long enough to push it past the container edge at 768×500. flex-wrap keeps every link reachable.