/design is your design partner. Stop second-guessing your UI. Just ship it. It audits, deslops, recolors, and reships your interface, straight from the terminal you already have open.
glossy energy on everything
indigo because 'software'
three tiles, equal weight, no priority
decoration posing as organization
glassmorphism with no depth system
numbers where the product story belongs
template filler above every heading
elastic easing with no purpose
whatever the distribution ships
no composition decision made
Add production-ready reasoning to your product with one API. Naflux handles context, tools, and decisions for you.
Naflux v3 now in public beta
Naflux gives your team a production-grade reasoning engine in one API call. No GPUs to babysit, no prompts to duct-tape. Just intelligence, on tap.
.commandcode/design/ ├── smell-report.md ← what the next mode reads ├── smell-report.html ← what you open ├── checkup-report.md ├── checkup-report.html ├── review-report.md ├── review-report.html └── brief.md ← only after /design setup
/ /written by /design smell
Six of the ten tells are present and three of them cluster in the first viewport: an indigo gradient hero, three equal feature tiles, and a centered stack. Nothing on this page could only belong to a satellite-tasking product.
Structural, not cosmetic. Fix the composition reflex first, then the palette. A recolor alone will not move this score.
| # | HEURISTIC | SCORE | KEY FINDING |
|---|---|---|---|
| 1 | tech gradient | 0 | Hero.tsx:12, indigo to magenta on the hero panel |
| 2 | generic tech hue | 0 | tokens.css:4, --brand is #6366F1 |
| 3 | feature tile grid | 0 | Features.tsx:31, three tiles, equal weight |
| 4 | accent rail | 1 | No side-rail anywhere in the codebase, on purpose |
| 5 | unearned blur | 0 | Nav.tsx:8, backdrop-blur with no elevation system |
| 6 | stat monument | 0 | Stats.tsx:5, "10x / 99%" above the product story |
| 7 | icon topper | 1 | No icon sits above a heading; weight alone carries it |
| 8 | bounce everywhere | 0 | motion.ts:22, cubic-bezier overshoot on all enters |
| 9 | default type | 1 | Inter, but scaled and deliberate |
| 10 | center stack | 0 | page.tsx, every section centered on one axis |
Ten rows, one per odor. 1 = absent, 0 = detected. Four absent, six detected: 4/10.
A real 1.33 ratio with weight contrast at every step.
Every control is reachable and the ring is visible.
Buttons name their action instead of saying Continue.
Gradient hero, centered stack, three equal tiles. Swap the logo and headline and this page fits any B2B SaaS. The orbit schedule, the actual artifact of the domain, appears below the fold as a screenshot.
--brand is #6366F1 and the hero gradient runs indigo to magenta. Nothing ties the hue to satellite tasking.
Every section enter uses the same overshoot curve. No motion marks a state change, and prefers-reduced-motion is unhandled.
$1/mo Go plan · Cancel any time
