Meridian

Platform design.
Website design.
Branding.

The Meridian dashboard: account value, a scrubbable chart, a watchlist and the holdings table.
Dashboard
34instruments
10surfaces
7exchanges
3currencies
The Meridian landing page: the product frame standing up under the hero.
Website
The trade sheet with a limit price projected onto the chart.
Trade sheet
#ff8c42 #34d399 #fb5e4e #000–#1b1b1e
A calm trading platform

Overview

RoleLead designer
ScopeUI/UX design, research, branding
Team2 engineers, 2 designers

Meridian is where you buy and sell shares, options and futures — all of it from one account, one buying power, three currencies.

The problem

In Canada, holding shares and holding options means holding them at two different brokers. Money sits in the account you are not trading from, the cost base lives in a spreadsheet, and anything bought in another currency is converted twice at a rate nobody shows you.

And all of those platforms look the same: a wall of numbers and blinking widgets, built for someone who trades for a living. Meridian is not for that person. It is for someone who owns a few things and wants to know they are fine.

The expectations

Worth opening every day

Not because something is wrong. Because looking at it is a pleasure — the way you open an app you like for no reason at all.

Feeling in the boring parts

Checking a balance, reading a chart, placing an order. Chores everywhere else. Here each one should land as something.

Calm, not alert

The person opening it is not trading all day. They want to know their money is fine within a second, and close it still feeling that way.

Jarvis from Iron Man, not a Bloomberg terminal. Dark, quiet, every move smooth as butter.

The brief, in one line
Where you stand, in one second

Dashboard

This is the screen you open, and it owes you an answer before you have read anything: what everything is worth, and whether it is going up or down. One number, one line, one delta. Nothing else on the screen asks for attention.

Everything past that answer waits until you ask for it. Change the range and the whole headline recalculates. Drag across the frame and the number becomes the value on that day, date and delta following the cursor — reading history is the same gesture as looking at it. Try it: the chart below is the product’s, running on this page.

Account value $0
Before your cost basis After it — coloured by direction The band between the two
The Meridian dashboard: account value, the chart, a watchlist and the holdings table.
DashboardThe answer on top, then buying power, the watchlist and every position you hold — one screen, one chart.

Quiet on the surface, dense underneath. Under the positions table sit three panels, each one answering a question you would otherwise go looking for.

The watchlist. What am I watching? Six instruments on hairline sparklines, each one click from its page and two from a filled ticket.

Recent activity. What happened while I was gone? Fills, dividends, a deposit, a contract expiring — in words, newest first.

Open orders. What is still working? Every resting order with a fill bar under it — 60 of 200 done, good till cancelled — so nothing is working on your behalf without you knowing.

One page to find, one to follow

Markets and orders

Two pages carry the rest of the day. One is where you go looking for something to buy or sell. The other is where you go to see what became of it.

Markets

Every instrument the platform carries — 34 of them across seven exchanges — in one table: the live price, the day’s move, a thirty-day line and the 52-week range on every row. Narrow it to stocks, ETFs or futures, type into the filter, or click a sector to leave only that sector standing. Open a row and the instrument’s own page comes in over the table rather than taking you somewhere else.

The markets screener: indices, breadth, the sector strip and all 34 instruments.
MarketsThe indices, the day’s breadth, the sector strip and one table — every row with its own sparkline.

Movers. Under the table, the day’s extremes without sorting anything for them — gainers, losers and most active, one tap apart.

Orders

Orders is where you check on what you have already done. Every order in one blotter, sorted by what happened to it — still working, filled, cancelled — with the count on each tab, and above them the numbers that belong to whoever placed them: what is working, what filled today, how much of it filled, how much better than the reference price, and the month’s commission.

The blotter: working, filled and cancelled orders, with fill rate and price improvement counted at the top.
Orders4 working, 18 filled — fill rate and average price improvement counted above the table.
A row opened: the order drawer, with every partial fill listed by venue, time and price.
One orderClick a row and its whole story opens beside it — 140 of 140 filled, 90 at $180.91 on NASDAQ and 50 at $180.99 on IEX, twelve cents better than the reference.
Everything you own, cut four ways

Portfolio

Portfolio is the page for what you actually hold. What the whole thing is worth right now at the top, its return drawn against the S&P 500 beside it, and an allocation you can cut four ways — by asset class, by sector, by currency, or one position at a time. It is the same holdings the dashboard reads, regrouped rather than authored again.

The portfolio page: unrealised P/L charted against the S&P 500, with the allocation beside it.
PortfolioUnrealised P/L drawn against the S&P 500, and what the mix is made of beside it.

Under it, the rest of the answer: what the money is in, what each of those has done for you, and what the whole thing pays you while you hold it.

Allocation. One total, four cuts. Asset class, sector, currency or position — and hovering a row isolates it.

Dividend income. What holding it pays you: twelve months of it, and the next payments already dated.

Contribution to return. Every position you own, ranked by how much of the return it actually made — weight, market value, return, and its share of the total.

The most emotional moment on the platform

Moment of trading

Buying does not happen in a dialog. The trade surface is a sheet that rises over the page, and the ticket is wired to the chart beside it: type a limit price and the level projects onto the chart, the distance from the last trade badged on the line. Placing an order stops being data entry and becomes aiming.

The trade sheet: the order ticket beside the chart, the limit price projected onto it.

Aim. $172.00 against a last of $180.80 — the dashed level and the −4.87% badge are the ticket’s own number.

Placed. The order said in plain words, three facts, and the two things you might do next.

The order drawer: the fill ladder across two venues.

The receipt. 90 at $180.91 on NASDAQ, 50 at $180.99 on IEX — twelve cents of price improvement, itemised.

Colours and typography

Design system

AccentFilled surfaces with near-black content — the primary button, the active pill, the live dot. Never a numeral.
UpOnly where a number’s direction is encoded.
DownSame rule, other sign. Never a status.
Ground#000 to #1b1b1e — ground, surface, raised surface, hairline. Everything structural.

Aa Rr Gg

Instrument SansEverything that is language.

$181.42

Geist MonoEvery numeral, without exception.

0123456789

Tabular figuresSo a blotter’s decimals line up down the column.
Two arches, one crossing

Logo design

A meridian is a line drawn from pole to pole — and the point in the day when something is at its highest. The mark is two arches meeting at a crown, reading as an M without being drawn as one. It draws itself in 1.1 seconds, and the grid is the rulebook.

Logo animation

Logo rules

CLEAR SPACE · ONE GRID UNIT VIEWBOX 800 × 420 BASELINE CROWN 318
The site that has to sell it

Website

Check it live

The marketing site had to sell the platform to people who cannot open it yet, so it is built out of the platform: the same ground, the same type, the same one accent, and real product frames instead of illustrations. One page — what it is, what it replaces, how it works in three steps, what it costs — ending on the same dark, quiet note the product opens on.

It went up before the product did, so the launch had somewhere to point.