marketing7 / 8

Accent Color — Reflected Light

Introduced cyan as an accent color that behaves like reflected light rather than flat paint.

Problem

The existing design commits fully to a monochrome palette and does so confidently. Clean, focused, developer-appropriate. The question I kept coming back to was whether a single restrained accent could add something without taking anything away.

  • -No visual anchor: With a fully monochrome palette, there's nothing for the eye to rest on. An accent doesn't need to dominate. Even a hint of it gives the eye a landing point and makes CTAs feel more deliberate.
  • -Flat hierarchy: Size and weight are doing all the hierarchy work, which works well. But an accent color could give interactive elements a little more presence without disrupting the overall tone.
  • -No brand signal: Monochrome is a disciplined choice and it reads well. There's just an opportunity to introduce something distinctly Unkey rather than a general dark developer aesthetic.
  • -The design already points in a direction: The circuit board SVG, the metallic card quality, the precision of the grid. All of these feel like they'd respond well to a cool-toned accent. It felt less like introducing something foreign and more like following a cue that was already there.

Cyan accent system

Screenshot coming
What I tried
01

Glassmorphism on dark backgrounds

There's nothing to blur on a solid dark background. The frosted glass effect is invisible when the content behind it is a uniform color.

02

Solid cyan fills

Too aggressive. Solid blocks of cyan broke the monochrome discipline and made the site feel like a different product. The accent overwhelmed rather than accented.

Solution

Cyan appears as light, not paint. Gradient tails on headings, hover glows on buttons, tinted light rays. It feels like chrome reflecting a cyan light source.

Instead of using cyan as a fill color, it's used as a light source. Headings get a gradient that fades from white to cyan (as if catching light). Buttons get a cyan blur glow on hover (as if illuminated from below). The shining light SVGs in the background cast a cyan-tinted wash. This creates a cohesive accent system where cyan is always atmospheric, never structural.