Audit CSS for the tells that make an interface look machine-generated: framework-default blues, Inter/Roboto stacks, purple-pink gradients, flat type scales, uniform radius and shadow, centred everything. Returns findings with the reasoning and a concrete fix. Run this before calling any UI finished.

Suggest Google Fonts for a role and mood, drawn from the live catalogue of ~1,950 families. Deliberately skips the overused defaults (Inter, Roboto, Poppins and similar) that make generated UI look generated.

Suggest display-and-body font pairings for a mood, pairing across a category boundary so the contrast reads as deliberate. Returns ready-to-use @import URLs and CSS stacks.

Score a foreground/background pair for readability. Reports the WCAG 2.2 ratio with AA/AAA verdicts and the APCA Lc value, which is the better guide for dark themes where WCAG 2.x passes pairs that are hard to read.

Build a perceptually even colour ramp from one seed colour, in OKLCH. Returns 11 steps with contrast against white and black already computed, plus the CSS custom properties. Use this instead of hand-picking hex values, which produces unevenly spaced ramps.

Build a fluid modular type scale as clamp() values that interpolate with the viewport instead of stepping at breakpoints. The narrow end uses a gentler ratio so headlines stay readable on a phone.