Skip to main content
MERXIBrand system
Assets

Foundations / 02

Gradients

Four recipes. Specific roles. No decorative color noise.

Standard · v2.0Updated 04 Sep 2026 Assets & tokens

Selected · 04 · Campaign v1.2

Blue, gold and orange

Azure blends into brand gold and finishes with orange. The original Wave-M and wordmark outlines are preserved. This is the approved campaign extension; solid Azure remains the everyday primary mark.

#0A3FB80%
#145BFF28%
#DCE7F548%
#EBC97563%
#D79B1876%
#FF6A1A100%

For key visuals, event covers and campaigns. Recommended minimum widths: 48px for the mark and 168px for the lockup; clear space at least ¼ of mark height. Use solid marks for small sizes and functional UI. The SVG master defines gradient direction, proportions and stops.

Download logo pack ↓Wave-M SVG ↓Usage guide ↓

Includes 3 SVG masters, 15 transparent PNGs (128–2048px), and gradient tokens. This pack supersedes the old multicolor logos in the historical v1.0 library.

Solid interface. Expressive edges.

Blue buttons, odds, charts and financial figures stay on solid surfaces. Gradients support the message; they never carry essential information.

AtmospherePearl field

Pearl field

#FCFAF4#F4EDDF

Editorial covers, chapter openings and quiet brand surfaces.

Avoid Not a substitute for borders or input backgrounds.

linear-gradient(105deg in oklab, #FCFAF4 0%, #F4EDDF 100%)
Earned valueValue metal

Value metal

#FFF2B1#E3AE2D#B77908

Membership and earned rewards. Keep the amount on a solid field.

Avoid Never imply a guaranteed return or use it for every action.

linear-gradient(105deg in oklab, #FFF2B1 0%, #E3AE2D 52%, #B77908 100%)
CampaignEvent energy

Event energy

#FFB11B#FF6A1A

One campaign accent: a launch edge, event cover or score-day graphic.

Avoid Not for error states, negative P&L or a second primary action.

linear-gradient(105deg in oklab, #FFB11B 0%, #FF6A1A 100%)
Verified live onlyLive signal

Live signal

#145BFF#11BED0

A small marker attached to a genuinely live, timestamped feed.

Avoid Not a general hero background. Aqua is not a decoration color.

linear-gradient(105deg in oklab, #145BFF 0%, #11BED0 100%)

One canvas, one story

Keep decorative fields separate from useful content. The same rule scales from a mobile card to a social post.

MERXI / MATCHDAY

The game.
All to play for.

Sports · Campaign study

Membership

Your benefits,
in one place.

Explore your current tier and available rewards.

View membership →Visual study · not an interactive offer

Production specification

Direction
105° for every approved recipe. Do not rotate the recipe to imitate lighting.
Interpolation
OKLab. For older clients, put the same stops in a standard linear-gradient declaration first, then the OKLab declaration.
Readable content
Put text on a solid Cloud, white or Azure field. Verify 4.5:1 for body text; never assume a gradient passes across its full range.
Restraint
One expressive gradient family per composition. No blur, glow, grain overlay, animation or multicolor rainbow mixing.
Logo
Keep the master Azure or approved reverse white mark. Never fill the primary mark with a gradient.