2026-06-03
In productionAigocy-grade premium redesign + visual sweep
Problem
The Brutalist-Swiss design we shipped earlier read as 'amateurish' — true-black-on-near-white with sharp corners + mono-only headings dropped the visual register below what an AI studio site needs. We had over-rotated from 'AI cliché' all the way to 'academic minimal' in one swing.
Outcome
Warm silver gradient body (#f1efed) with a radial orange corner-bleed. Floating glass-pill nav with backdrop blur. Full pill radii on CTAs / eyebrows / chips, 24px card / 32px mega-card radii. Soft shadow scale + premium dark-card variant for CTA + customer-zero sections. Inter Variable for display + numerals (was IBM Plex Mono); mono kept for micro-labels / mono-runs only. Same allowed-stats list, same three-bucket discipline — what changed is the surface, not the claims.
What we learned
Two opposite failure modes, same root cause: each pass picked a single design language ('dark-bento' then 'pure-brutalist') and let it carry every surface. The premium feel that finally landed isn't one language — it's three (warm-pearl backgrounds, dark mega-card islands, mono micro-print) used where each serves. Also caught two backstage bugs en route: inline `clamp(1.5rem,1.2rem+1.4vw,2.1rem)` was being silently dropped (CSS operators need whitespace, otherwise the value is invalid and the class default wins — that's how the Problem section was rendering at 64px instead of 33px); and a Get-Content/Set-Content round-trip mojibaked every `→ · —` in six files until reversed with explicit UTF-8↔CP1252 decoding.