Signals / Dossier 04 of 57
The colour of primary buttons on nexus market
Flat fill, small hover shift
Nexus market mirrors, as published on this site
nexusb2l7fmqnefwphyy7m5zjhlkytlbo7qbb5lu5dlczr3azgii2gyd.onionnexusma2iqgauqqvjcgds4ckv5xbf272tkfagq4epojjhsgleqpwxiqd.onionnexusabcd6tyfhdwilyitaqiri6tisj2v2hueyjuj6qkvd6azvi5tuqd.onionPublished as supplied. This site does not probe an onion, so nothing here is a claim that a given address opens for you right now.
The primary action button on the real nexus market is a single flat colour, the same on every page it appears on. A button that has a gradient inside it, or a soft shadow behind it, is a small drift a reader can read in one glance.
What it is
A primary button is the one button on the page the reader is meant to click to move the flow forward. On the real page the button is filled with one colour, has a slightly darker border of the same colour, holds a single line of copy inside it and lifts by a small amount on hover. It does not glow. It does not throb. It does not carry a small badge with a promotional word inside it. That flat treatment sits on every page that carries a primary action.
Lifeline
- Before the reader hovers
- Cursor over the button
- The click has landed
Shape of the button
- Fill
- One flat colour. Not a two-colour gradient. Not a satin sheen. The reader can pick the colour by eye without a magnifier.
- Border
- A one-pixel border in a slightly darker shade of the same colour, or no border at all. Not a contrasting outline.
- Corners
- A soft radius, small enough that the button reads as a rectangle. Not a pill. Not a hard square.
- Hover
- A small shift, a shade darker or a shade lighter. Not a colour change to a warmer hue. Not a lift accompanied by a shadow that grows underneath.
What a lookalike tends to add
- A gradient inside the fill, sometimes with a highlight along the top edge. The button looks glossier than the rest of the page.
- A soft drop shadow underneath the button, giving it depth the real button does not have.
- A pulsing animation that draws the eye toward the button and away from the rest of the page.
- A small badge on the corner of the button, sometimes carrying a percentage or an urgency word.
Why the fill is flat
A flat fill is cheap to render, holds the same shape at every viewport width and does not fight the wordmark. On a page built and rebuilt over time the flat fill wins by attrition. On a page put up to imitate the real one in a hurry, the imitator often reaches for the treatments that read as expensive: the gradient, the shadow, the pulse. The presence of those treatments is what carries the signal, not the exact colour underneath them.
How a reader checks this
The reader hovers over the primary button and watches what changes. If the change is small, a shade in either direction, that matches. If the change is large, a warmer colour, a spinning highlight or a shadow that pulses, that is worth another beat. The reader can also look at two primary buttons on two pages in the same session and check that they hold the same colour, since a drift between pages is a stronger signal than any single button on its own.
What pairs with this
The button colour pairs with the wordmark position and with the register of the error copy. All three are surface treatments a designer sets once and inherits across pages. A page that fails one of the three tends to fail the other two as well, and a reader who checks all three inside a minute has a fair sample.
Engagement
What this card does not claim
- It does not name the exact colour of the button. Colour on this site is described as flat or gradient, not by hex.
- It does not say the button has always been this shape. A rebuild will move the button and this card will move with it.
- It does not treat the colour as a proof. A lookalike that copies the colour still misses the register of the copy inside it more often than not.