premium-ui

Audit the interface against common slop patterns like gradient heroes, glassmorphism, nested cards, and decorative badges, then replace them with one signature product-specific element, a cohesive neutral palette, and real content. Verify readability and layout stability in both themes and on mobile.

Common tells include purple-blue gradients, glowy pill buttons, blurred orbs, cards inside cards, eyebrow badges above every hero, fake macOS window mockups, bouncy animations, and low-contrast gray text. These patterns signal template-generated design rather than authored product UI.

Yes, the workflow prefers existing design system primitives like shadcn/ui components and Tailwind tokens over hand-rolled controls. Art-direction happens through classes and variants while preserving accessible component behavior.

Check text contrast independently in light and dark modes, ensure touch targets meet comfortable mobile sizes, verify no horizontal overflow or clipped labels, confirm heading levels do not skip, and validate that focus states are visible and controls have labels.

Avoid animation when it gates content visibility, causes layout jank, or uses bouncy/elastic easing. Content must render visible without animation completing, and motion should only support state transitions or purposeful microinteractions.