Hello, I'm Nick. I design insane websites and user interfaces.
This is where I talk about all of the cool sites I find online.
I've spent way too long staring at Superpower this week for one reason: how it handles a single accent color.
There is exactly one color on the whole site. And it lives in exactly one place.
Superpower sells a $199/year preventive-health membership built around 100+ biomarker lab tests. The category default is pastel wellness gradients, warm reassurance tones, and soft "you got this" color meant to lower the anxiety of asking a stranger to draw your blood. Superpower refused every one of those moves. The site is strict black and white. Black hero, black closing, white body sections with near-black #18181B ink, one Swiss neo-grotesque (NB International Pro) at weight 400 doing every job from a 58px hero H1 down to 16px body copy.
Then, buried inside the actual product mockups, a single soft health-green. Roughly #00C271. It appears only inside the 3D body model, the biomarker readouts, and the "optimal" data states in the dashboard screenshots. It doesn't show up in a button, or a hover state, or a decorative underline, or the offer bar, or the sticky countdown timer at the bottom of the page.
That's the move I can't stop looking at.
The discipline behind a single accent color
Most sites in this category use color as reassurance. Superpower uses color as substance. When the only place green appears is inside a real product screenshot, green stops being decoration and starts being data. Your eye learns that if it sees green, it's looking at the thing you're actually buying. That's a shortcut for meaning that the rest of the page never has to explain.
The restraint stacks. One typeface at one weight. Two backgrounds (black or white) and two ink colors (white or #18181B) depending on which side of the inversion you're on. Warm neutral tones only enter through lifestyle photography, and even there, the frame is composed so a phone or iPad showing the actual dashboard sits inside the hand of a relaxed, real-looking person. The photography sells aspiration, the device on top of it sells product, and the green inside the device sells data. Every layer knows its job.
Motion follows the same rule
The site's signature interaction is a pinned, scroll-scrubbed numbered walkthrough. 01 A new health check. 02 All your health data. 03 Your action plan. 04 24/7 care team. As you scroll, a large product-in-photography visual advances, and a right-hand numbered index tracks progress. It's built in GSAP with expo-out easing at cubic-bezier(0.16, 1, 0.3, 1) on transforms at about 0.25s, opacity fades at about 0.15s, and roughly twenty-two concurrent animations running on the page.
The motion never colors itself in. No accent flashes, no bloom effects on hover, no green highlight sweeping across a section. Motion moves the product. The product carries the color. Same discipline, different medium.
The tradeoff, honestly
The choice does cost something. Stripped of the wordmark, the site would be hard to distinguish from a handful of other longevity-and-diagnostics brands working in the same visual language. The category has settled into a Swiss-monochrome mood, and Superpower is a strong instance of that mood rather than a rewriter of it. If the goal were pure visual singularity, this isn't the play. If the goal is a trust-first membership sell where the product itself has to feel like the payoff, the restraint is exactly the right call.
What I'm taking from this
The lesson isn't "use less color." Anyone can strip a palette. The lesson is deciding what your one color is for. If your accent has to mean something, you can't also spend it on button hovers and section dividers and decorative underlines. Every place you spend it that isn't your product weakens the meaning when someone finally sees it inside your product.
I'm going to keep coming back to this. Not for the black hero or the pill CTAs or the pinned walkthrough, though all of those are considered work. For the discipline to look at a green swatch and say this belongs inside the dashboard, nowhere else. That's the whole trick.
Want a site where every choice earns its keep?
If you're building something in a trust-critical category and you're tempted to warm it up with pastel wash and floating accent color, come talk to us first. At Crazy Creative we make brand and web systems where color, type, and motion all know their job and stay in their lane, so the moves that actually matter still land. The studio lives at crazycreative.design.