Dribbble. A quiet white room where one magenta spotlight circles each piece.

Brand signature accent — search submit button, PRO badge, logo mark, active heart, hover pulses — one vivid magenta against the monochrome canvas makes the brand unmistakable at any size

Navigation bar fill, darkest text tokens, logo wordmark — slightly cooler and deeper than Midnight Ink for the fixed header band

Primary text, filled primary buttons, dark surface fills, icon strokes — a near-black with a cool blue undertone that reads warmer than pure black against white

Faint dark surfaces, tag backgrounds, low-key dark UI wells — bridges the gap between the deep nav black and the lighter grays

Supporting neutral for secondary UI, dividers, and muted labels. Do not promote it to the primary CTA color

Lower-emphasis dark text, link hover in dense lists, designer name secondary line — a washed dark for tertiary copy on white

Secondary/muted body text, helper labels, view-count and heart-count numbers — carries the dense meta layer beneath thumbnails

Tertiary text, placeholder text, disabled icons, checkbox idle state — the lightest readable neutral

Hairline borders, divider lines, input outlines, card edges on hover — a cool-tinted off-white that reads as a boundary, not a fill

Soft surface fill, input field backgrounds, hover wells, secondary panels — the only off-white surface that sits above the page canvas

Page canvas, card surfaces, button text on dark fills, input text — the dominant surface of the entire product