Information before atmosphere.
Market, selection, price, time, and state must be understood before any brand flourish appears.
Brand standards · 2026–27
Read the market.
Own the decision.
A bright, precise identity for Sports, Markets, Live, Games, and Wallet—built for the speed, trust, and clarity of a modern digital product.
01
Positioning
Premium energy, product discipline.
MERXI combines the anticipation of live sport with the clarity and reliability of a transactional digital product. Excitement comes from the event—not from visual clutter.
Energy has a direction.
Use shifts, bars, and decisive color changes to show what moved and why it matters.
Value is used sparingly.
Gold marks earned value, reward, or premium status. It is never filler and never used as low-contrast body text.
SportsMarketsLiveGamesWallet
02
Identity
One mark. One disciplined silhouette.
The Wave-M is the primary recognition device. Keep the master proportions intact and let whitespace—not decorative rings—create presence.
xx
Primary signature · Azure on Warm Whitex = ½ mark height
03
Color
Warm white leads. Blue structures. Gold rewards.
The system is bright by default. Orange brings large-event energy; Azure carries primary interaction; Gold communicates premium value. Burgundy is not part of the system.
Brand communication composition guide
68%Cloud / Pearl16%Blue8%Gold5%Orange3%Ink
Use 68 Warm field / 16 Blue / 8 Gold / 5 Orange / 3 Ink only as an editorial starting point for campaign layouts. Aqua is an unallocated exception for verified Live states. Product interfaces follow hierarchy, state, and contrast—not a color quota.
Cloud
#FCFAF4Primary canvas
color.canvas.cloudPearl
#F4EDDFElevated surface
color.canvas.pearlMist
#EAF2F7Data surface
color.canvas.mistAzure
#145BFFPrimary action
color.brand.azureCobalt
#0A3FB8Depth & focus
color.brand.cobaltGold
#D79B18Value & premium
color.brand.goldOrange
#FF6A1AEvent energy
color.brand.orangeAqua
#11BED0Live status only
color.brand.aquaInk
#10233DPrimary text
color.content.inkValue metal
105° · OKLab · 0 / 52 / 100VIP, membership, earned value
#FFF2B1 · #E3AE2D · #B77908Live signal
105° · OKLab · 0 / 100Verified Live states and realtime markers
#145BFF · #11BED0Event energy
105° · OKLab · 0 / 100Launch moments and limited campaigns
#FFB11B · #FF6A1APearl field
105° · OKLab · 0 / 100Large backgrounds and quiet depth
#FCFAF4 · #F4EDDFUse OKLab for even lightness and controlled midpoints.
Use one gradient field per composition, never as a numeric scale.
Put reading text on a solid semantic surface or measured scrim.
Add subtle noise only to large raster fields to control banding.
Approved pairings
Contrast is part of the brand.
Ink on Cloud15.13:1 · body + editorial
White on Azure5.29:1 · primary action
Ink on GoldPremium action
Ink on OrangeEvent emphasis
Use when a darker blue field needs maximum text contrast.
Both fail as normal text on White. Use Ink on bright fills.
Aqua signals Live; it is never body text on a light surface.
04
Typography
Editorial confidence. Product precision.
MERXI uses Geist for Latin brand and product text; IBM Plex Sans Condensed for odds, probability, score, balance, and P&L; MiSans for Simplified Chinese; MiSans TC for Traditional Chinese; and Pretendard for Korean. This is the production authority across App, Web, Admin, X, and campaigns.
Make the
moment clear.
Fast-moving markets need calm, direct language and consistent rhythm across every screen.
400–700 · Product, editorial, and interface standard0123456789 . , + − % × /
500–700 · Odds, scores, probability, balance, and P&L读懂市场，做出判断。
400–600 · 字距为 0 · 不使用英文全大写规则East Asian localization standard
Open localization standard Native Simplified Chinese, Traditional Chinese, and Korean font, hierarchy, punctuation, betting-data, terminology, and campaign rules.
| Token | Family | Desktop | Mobile | Weight | Tracking | Case | Max lines | Use |
|---|---|---|---|---|---|---|---|---|
| Hero | Geist | 96 / 92 px | 52 / 52 px | 700 | −3.5% / −2.5% | Sentence | 2 | Large campaign only |
| Display | Geist | 72 / 72 px | 44 / 48 px | 700 | −3% / −2% | Sentence | 3 | Campaign statement |
| Heading 01 | Geist | 56 / 60 px | 36 / 40 px | 700 | −2.5% | Sentence | 3 | Chapter headline |
| Heading 02 | Geist | 40 / 44 px | 30 / 34 px | 700 | −2% | Sentence | 3 | Section headline |
| Heading 03 | Geist | 28 / 32 px | 24 / 30 px | 600 | −1.5% | Sentence | 3 | Content group |
| Title | Geist | 20 / 28 px | 18 / 24 px | 600 | −1% | Sentence | 2 | Cards and market titles |
| Body | Geist | 16 / 24 px | 16 / 24 px | 400 | 0 | Sentence | — | Editorial and product copy |
| Control | Geist | 15 / 20 px | 15 / 20 px | 500–600 | 0 | Sentence | 1 | Buttons, tabs, and inputs |
| Metadata | Geist | 14 / 20 px | 14 / 20 px | 400–500 | 0 | Sentence | 2 | Sources, time, and disclosure |
| Caption | Geist | 12 / 16 px | 12 / 16 px | 500–700 | +6% maximum | Uppercase | 1 | Short Latin labels, 12 characters max |
| Data | IBM Plex Sans Condensed | 24–64 px | 24–64 px | 600–700 | 0 | Format-led | 1 | Odds, scores, time, balances |
Sentence case
Headings, buttons, menus, and product messages.
Uppercase, short only
Short Latin status labels only; tracking up to +6%.
No decorative capitals
Never title-case every word or letterspace paragraphs.
No faux luxury spacing
MERXI wordmark aside, wide tracking is not premium.
05
Numbers & odds
Every number needs a meaning.
Odds are prices, not decoration. Name the format, align changing values, preserve signs and decimals, and never label an unexplained percentage as confidence.
Premier League · 64′Live
North London2
Manchester Blue1
MarketMatch result
SelectionNorth London
Decimal odds1.86 from 1.91
Implied probability53.8%
Always two decimals. Never add “x”.
Use a true minus sign, never a hyphen.
Keep the sign attached to the line.
Pair Over / Under with the threshold.
Place the asset once, after the value.
Includes stake; label it explicitly.
Two decimals with the ISO or asset code.
Keep sign, precision, and alignment within a column.
One decimal in analysis; name the source or method.
Compact in lists; exact values in details and tables.
Stake100.00 USDT×Odds1.86=Potential payout186.00 USDT
Use tabular figures in prices, scores, timers, balances, and tables.
Use “Implied probability” or “Model estimate · Updated 2m ago”.
Show “—” with the state label. Never leave a stale price visible.
Slashed zero belongs to IDs, hashes, wallets, and logs—not odds, balances, probabilities, or P&L.
Price format, sign, score, and clock remain explicit.
Name methodology, movement unit, liquidity, and freshness.
Use the multiplication sign and name every rate or return.
Compact values only in KPI cards; exact values in tables and tooltips.
06
Layout & spacing
A 4-point base with role-based editorial rhythm.
Product spacing stays compact; brand storytelling expands at major intervals. Every layout resolves to the same grid instead of arbitrary margins.
space.0
0pxspace.1
4pxspace.2
8pxspace.3
12pxspace.4
16pxspace.5
20pxspace.6
24pxspace.8
32pxspace.10
40pxspace.12
48pxspace.16
64pxspace.20
80pxspace.24
96pxspace.32
128pxspace.40
160px12 / 8 / 4Columns by breakpoint
24 / 16 pxColumn gap
1280 pxContent max
62 chReading measure
Desktop≥ 144012 columns80 px page gutter128 px chapter space
Laptop1024–143912 columns48 px page gutter96 px chapter space
Tablet768–10238 columns32 px page gutter96 px chapter space
Mobile≤ 7674 columns20 px page gutter72 px chapter space
07
Graphic language
Build energy with lines, shifts, and scale.
MERXI graphics follow market logic: a baseline, a change, a marker, and a result. This chapter is an editorial schematic—not a production chart implementation. Do not use decorative orbits, portals, halos, or casino-table motifs.
Decimal odds · last 90 min1.86
Baseline
Anchors the composition and the data.
Marker
A rectangular point for the moment that matters.
Shift
A directional change between two known values.
Edge wash
A restrained gradient confined to one edge.
No ornamental circles or signal orbits; data markers are allowed
No roulette or chip wallpaper
No glow around every object
No unlabeled confidence scores
08
Photography
Real people. Bright environments. Clear intent.
Photography should show focused participation in a digital product. Preserve natural skin tone, honest device use, and modern Asian and global settings.
Do
Show a specific action, a bright location, and room for type.
Do
Cast with regional relevance and natural expression.
Do not
Stage smoky tables, champagne clichés, or anonymous luxury.
Do not
Place floating coins, rings, or fake UI over the subject.
09
Language & taxonomy
Name the product users are actually using.
User navigation is Sports, Markets, Live, Games, and Wallet. Search is a global action across channels. Sportsbook, Prediction Markets, Live Betting, Live Dealer, and Casino Games remain internal taxonomy for reporting and content models.
| Use | Meaning | Avoid |
|---|---|---|
| Sports | User navigation for pre-match and live sports betting | Sportsbook as the user-facing tab |
| Markets | User navigation for event-based prediction markets | Prediction as a vague tab |
| Live | User navigation for live betting and live dealer experiences | Live as an unexplained status |
| Games | User navigation for digital casino games | Casino as the user-facing tab |
| Wallet | User navigation for balances and transfers | Account |
| Search | Global action across Sports, Markets, Live, and Games | A channel |
| Sportsbook / Prediction Markets / Casino Games | Internal taxonomy and reporting labels | Primary navigation labels |
| Selection | The outcome a user chooses | Pick when precision matters |
| Stake | Amount committed to a bet | Bet amount in editorial copy |
| Potential payout | Return including stake | Possible win |
“Odds moved from 1.91 to 1.86. Review your selection before placing the bet.”
Specific · factual · actionable
“84% confidence. Huge guaranteed win—bet now!”
Unclear · unsubstantiated · aggressive
10
Applications
One hierarchy across App, Web, and X.
These are composition proofs, not a custom UI library. Each channel uses the same type, color, spacing, and numeric rules with a density appropriate to its job.
MERXI / Live odds64′
Price
moved.
North London1.91 → 1.86
Sports / LIVE64′
North London2–1Manchester Blue
SelectionNorth LondonOdds1.86
Stake100.00 USDT
MERXI / Matchday02 Sep
LIVE
Read
the
shift.
Decimal odds1.86 from 1.91
Mobile applications
Search, Sports, Markets, Live, Games, and Wallet
ImageGen direction studies paired with exact mobile-first type, number, spacing, density, and state standards.
Open application system Data visualizationUser, Admin, and campaign charts
Production chart patterns for odds, probability, exposure, revenue, and market storytelling.
Open chart system Curve libraryMovement standards for every audience
Truthful probability, odds, OHLCV, exposure, economics, and campaign evidence curves.
Open curve system Social studioSocial and partnership applications
Exact MERXI typography and numbers composed over original bright imagery for X and Instagram.
Open social studio MERXI CoreArchitecture, governance, and release gates
The shared contract for tokens, behavior, owned components, domain patterns, documentation, and QA.
Open system standardOfficial maintained standard
Use the system without guesswork.
Approved logo files, implementation-ready tokens, type rules, and the current usage guide.