Drop a UI screenshot and get an AI-powered critique of your design's visual quality, UX, accessibility, typography, and layout.
Legacy government portal
Sample
The Verdict
“This UI is what happens when Comic Sans has a crisis of identity and decides to get a government job.”
Heat Level
8/10
Blazing
The color palette appears to have been chosen by someone who lost a bet. The primary blue clashes violently with the accent orange in a way that should be classified as a public health emergency.
Fix it
Establish a coherent color system — a single neutral base plus one accessible accent. USWDS design tokens are free and battle-tested for exactly this context.
Navigation is a labyrinthine choose-your-own-adventure where every path leads to a PDF from 2009. The information architecture reads like it was organized by the department that never communicates with any other department.
Fix it
Conduct a card sort with 10 real users to discover what they actually need. Flatten the nav to 5 or fewer top-level items — everything else belongs in search.
Contrast ratios in the body copy would fail WCAG AA if audited — and given the user base likely includes seniors and people with visual impairments, this is not a cosmetic concern. Focus indicators appear to have been surgically removed.
Fix it
Run axe DevTools immediately. Fix contrast to 4.5:1 minimum for body text, restore visible focus indicators, and ensure all form fields have programmatically associated labels.
Three different serif fonts are competing for dominance like a typography battle royale. Line height is set to 1.2, which means dense paragraphs are functionally unreadable for anyone who isn't squinting.
Fix it
Pick one typeface family and one size scale. Set body line-height to at least 1.5 and cap line length at 65–75 characters per line.
The page stretches to fill a 1440px viewport with no max-width constraint, creating line lengths that could double as a marathon route. Sidebar columns appear to have been eyeballed into existence with no grid in sight.
Fix it
Constrain content to 1200px max-width centered, implement a consistent 8px spacing scale, and align elements to a 12-column grid.