DesignSense - Design Sense

Center, spacing, alignment, color, and stroke. Spot the 1–3 px details designers hate to miss.

DesignSense is a visual detail challenge for designers and developers.

Is the dot truly centered? Are the two spaces equal? Is the element aligned? Do the corners share the same radius? Can you spot a color or stroke-width difference that is only 1–3 px?

Answer fast O/X questions across six modes: Center, Spacing, Alignment, Radius, Color, and Stroke. After each answer, see the real reference position, value, and pixel difference.

Play standard modes with three lives, or enter Rank Mode with one life and climb from Iron to Challenger. Build combos, beat your best score, and compare your result on mode-based leaderboards.

■ Six detail modes for center, spacing, alignment, radius, color, and stroke ■ One-life Rank Mode with tier progression ■ Real reference values and pixel differences after each answer ■ Score bonuses for speed and combos ■ Global leaderboards and dark mode

Think you have a sharp design eye? Prove it in DesignSense.