Meridian
A multi-asset trading terminal with institutional density and consumer restraint.
Overview
Meridian is a trading terminal for the serious retail trader — the person stranded between casino-bright consumer apps that infantilize the work and institutional terminals that punish anyone without a Bloomberg budget. Multi-asset dashboards, candlestick detail, order execution with visible fill mechanics — presented with the calm of a well-set page.
Its design position is that discipline is a feature: the interface should behave the way a good trader is trying to.
The Challenge
Trading UIs split into two failure modes. Consumer apps gamify — confetti on trades, green everywhere, dopamine as information architecture — which actively harms decision-making. Professional terminals are hostile by tradition: data density mistaken for seriousness, no hierarchy, decades of accreted chrome. Serious retail traders need the density without the hostility and the calm without the toy-box — a register the category simply doesn't offer.
Goals
- 01
Deliver institutional information density in a layout that stays scannable under stress.
- 02
Reserve color for meaning: green and red belong to market movement, nothing else.
- 03
Make execution transparent — order state, fill, and slippage visible as they happen.
- 04
Recompose honestly on mobile: cards that preserve the data, not a shrunken desktop.
Research
The research pass studied both failure modes at close range: what makes consumer trading apps feel like casinos (color used as excitement, motion as reward) and what makes terminals feel hostile (no typographic hierarchy, interaction patterns frozen in 1998). It also drew on how traders describe their own discipline — flat rules about when to act — which suggested the interface itself should model that flatness.
The typographic conclusion came early: trading is a numbers-reading activity, and numbers that jitter as they update are a cognitive tax. Tabular mono numerals everywhere numbers live.
Strategy Thesis
“Discipline as design — the terminal behaves the way a good trader is trying to.”
The system's one hard law: green and red are strictly reserved for market movement. No green buttons, no red badges, no colored decoration anywhere else — so when color appears, it is information, and peripheral vision becomes a market instrument.
Everything else follows the same temperament. Tabular mono typography keeps columns still while prices move. Execution is honest about its mechanics: an order placed shows its lifecycle, and the fill toast reports price and slippage in milliseconds — transparency that consumer apps hide and terminals bury.
Design Process
- Step 01
Legislate the color system first
The green/red reservation was written down as a design law before any screen was drawn, then every component was audited against it. The restraint is systemic, not stylistic.
- Step 02
Set the type like a ledger
All numerics use tabular mono figures with fixed-width columns, so a dashboard of moving prices reads as a stable document with changing values — not a flickering surface.
- Step 03
Design the order lifecycle honestly
Placing an order surfaces its actual states — routed, filled, settled — and the fill toast carries execution price and slippage, because a trader who can see the mechanics can trust them.
- Step 04
Recompose, don't shrink, for mobile
The portfolio table recomposes into cards on small screens, each preserving the row's full data hierarchy — density adapted, never amputated.
Final Solution & Gallery
The live terminal is a multi-asset dashboard — equities, crypto, forex — with candlestick detail views, working order flow, and a portfolio surface that keeps its precision on any screen size.
Results & Metrics
The design laws the build enforces:
- green & red — reserved exclusively for market movement
- 2 colors
- mono numerals everywhere, so columns never jitter
- Tabular
- execution and slippage reported on every fill
- ms-level
- no gamification anywhere in the trade loop
- 0 confetti
Key Takeaways
- 1
A color system with one strict law outperforms a palette with many good intentions.
- 2
Density and calm aren't opposites — hierarchy is what reconciles them.
- 3
Showing the mechanics (fills, slippage) is the fintech equivalent of showing your work: it's where trust comes from.
Concept client, real build — every interaction shown is live in the linked product.