Skip to content

Turns Out · · 4 min read

We audited our own site and deleted 55 gradients

Same four hues, one working day: a public post-mortem of dialing our own site from startup-loud to enterprise-calibrated without a redesign.

We audit other people's sites for a living — there's a whole free version of it on our menu. This month we ran the enterprise-grade version on ourselves. Here is everything we found, with the numbers left in.

The feeling

It started with our founder, Dima Ogrenich, staring at our homepage and not liking something he couldn't name. The client list said enterprise. The Upwork stats said enterprise. The site said seed round. The verdict he couldn't shake: the work reads enterprise, the site reads startup.

A feeling is not a finding. So before touching anything, we did what we'd do on a client engagement: count everything, benchmark against sites that actually win enterprise deals, and only then open the editor.

The census

We grepped the codebase for every gradient. The numbers were worse than the feeling:

  • ~64 gradient-text call sites — every H1, every stat number, every five-star review row, every checkmark, every index numeral, all gradient-filled
  • 24 uses of a second, brighter pink text gradient on top of that
  • ~50 inline radial/linear gradient literals in a single module directory
  • 3 separate gradient button families
  • One 44rem pink orb following the scroll at up to 0.6 opacity on three key pages

Here's the part that surprised us: every one of those drew from the same coherent four-hue ramp — #3A0CA3 → #7209B7 → #B5179E → #F72585. The palette was disciplined. The frequency wasn't. When everything is an accent, nothing is.

What the benchmark taught us

Two outside signals sharpened the diagnosis. First, 2026 design commentary has codified the indigo-to-purple-gradient-plus-rounded-cards look as the AI-template tell — Tailwind's creator has publicly joked about apologizing for every AI-generated UI being indigo. We built our gradients by hand, one deliberate decision at a time. Didn't matter. Convergent evolution had us shipping the template look anyway.

Second, the sites that actually close enterprise work are strict about this. Stripe uses one gradient moment per page — a focus device, not wallpaper. Clay's own gradient guide prescribes one to two per page, on small surfaces. And the enterprise-credible agencies — Viget, 10up, Instrument, Netguru — keep their surfaces almost entirely neutral and put the personality somewhere gradients can't go: the copy, and one signature interaction. Viget's footer jokes about how to pronounce its name directly under a client list that includes Bloomberg and the Library of Congress.

“Bravo gang! Tip-top. Super duper. Ding dong!”
an actual testimonial 10up runs next to Microsoft and Disney logos

One counter-signal, in the interest of honesty: 2026 also punishes beige minimalism. When every site can look decent with minimal effort, the ones with real personality and craft stand out. So the brief we gave ourselves was never "go gray." It was calibration — same brand, lower amplitude.

What we changed (in one working day)

The whole fix took a day. Not a redesign — a volume knob:

  • Gradient text now appears exactly once per page — the hero accent. 64 instances down to 9.
  • Every evidence element went solid — stat numbers, star ratings, checkmarks, counts. These are audited facts; painting them in marketing colors made them read like claims.
  • Of three gradient button families, one survived — the closing CTA. That's the decision point, so that's where the color stays.
  • The orb got capped at 0.25 opacity, down from 0.6. Still there — atmosphere now, not weather.
  • Section labels went from `#ccc` to an AA-passing gray. The old value measured 1.6:1 contrast, a WCAG fail — and enterprise procurement runs accessibility scans on vendors' sites. We'd have failed our own gate.
  • The 1.5-second intro mascot now plays once per tab session.
  • One dead font weight removed — about 20KB nobody was rendering.

Then the paranoid part: an adversarial review traced every de-gradiented element back to the background it sits on. Zero invisible-text regressions. If you strip 55 gradient fills in a day, that's the check that lets you sleep.

What we deliberately kept

An audit that ends in beige is just a different failure. We kept:

  • The four-hue ramp itself — it's still the brand everywhere it now appears
  • Gradient client wordmarks on the dark case-study tiles
  • The playful copy — "Say hi" and "TALK TO A DEV" aren't going anywhere
  • The 8px/16px/24px geometry
  • All of the proof content, including the real per-mark Upwork counts

If the benchmark taught us one thing, it's that the enterprise-credible agencies are often funnier than the startup-looking ones. The personality just lives in the words and one signature move — not in every element's fill property.

The principle

Enterprise doesn't mean boring. It means deciding where the color means something. The working ratio we landed on: neutral surfaces roughly 90% of the time, personality in the words, color reserved for decision points, plain type for anything you want believed. The same four hues read "startup" at 64 instances and "enterprise" at one per page. The palette was never the problem. The frequency was.

If your own site gives you the feeling ours gave Dima, the fix might be a day, not a quarter. We do this — front-end work included — and true to form, we'll tell you if the honest finding is that your gradients are fine.

Working on something this touches?

A senior engineer reads every message — and will tell you honestly if it is not worth building.

TALK TO A DEV