StackRank

StackRank is a web app + browser extension that audits visual hierarchy on live pages and design prototypes. It captures a screenshot, segments UI regions, and produces a “Hierarchy Score” based on contrast, size, spacing, alignment, typographic scale, and attention flow. You get a ranked list of elements stealing focus (e.g., a loud button, oversized badge, competing headings) and concrete fixes like “reduce weight to 500,” “increase H1 size by 8px,” or “add 12px spacing to separate groups.” It also generates a quick heatmap approximation and a reading-order trace to catch when the eye jumps unpredictably. Teams can run it in CI on staging URLs to prevent regressions and track scores over time. It’s not a magic UX oracle; it’s a fast, consistent linting layer that flags hierarchy problems earlier than user testing.