Built to sit beside Google, Apple, OpenAI and Urban Company — a clean white product surface, a neutral grotesque, generous radii, soft elevation, and one confident accent. No serif, no paper, no texture, no gradients, and no stock photography anywhere in the product.
A rounded frame — the home as the AI sees it — with a single offset point: the fault, found. One frame, one point, the way the product gives one pro, one price, one accountable party. Plus a clean lowercase wordmark. Built to hold at 16px and to read as a product company, not a trade directory. No bolt, wrench, house, roof, spark, shield or checkmark — every one of those is a category cliché and a generated-default tell.
One SVG scales to every size — no redrawn variants. Files: mark · app icon · favicon · mono.
Inter 700 · −0.045em · sentence case in prose (Fixxo)
Pure white canvas, cool near-black ink, one vivid purple. Neutrals are true cool grey with no warm cast. The accent appears once per decision — the primary action, the active tab, or the live state.
Status is a 6px dot plus a label — the pattern Google and Apple use. It survives greyscale, and it never relies on colour alone.
#000. No gradients, no glow, no glassmorphism. Contrast measured against APCA, not eyeballed.One neutral grotesque — Inter — the same silhouette family the products we benchmark against use. Weight does the hierarchy work: 400 body, 500 controls, 600 headings, 700 display. Numbers are always tabular. No serif, no display face, no mono in the product UI.
Headings text-wrap: balance, body pretty. Tracking tightens with size (−0.011em body → −0.03em display). Body never below 15px.
Prose and chat hold 62–66 characters. Full width is reserved for tables and figures.
Inter → system UI. Never mix in a serif or a second sans.
A clean 4px grid. Radii are generous — the Material/HIG range — because that is what a modern product surface reads as. Depth is a soft, low-contrast shadow, never a heavy drop.
8 small · 12 controls · 16 cards · 24 sheets · pill for tags and switches.
Rounded controls, soft surfaces, text-led actions. All six states defined on every interactive element.
Media placeholder — no stock photography ships in the product:
Two failure modes to avoid: the generic AI SaaS starter, and the affected editorial/serif look we shipped last time. Both are rejected here.
#000/#fff inverted dark mode, or invented metrics.Import design/tokens.json (W3C DTCG) via Tokens Studio → colors, text styles, spacing, effects.
design/v3/tokens.css for CSS variables (light + dark), design/v3/app.css for components.
Merge design/tailwind.tokens.cjs into theme.extend.