design-tokens.css · live --accent --surface --positive --negative --canvas display / body / figures Aurelia Light Meridian Verdant Watchlist · re-skins live EUR/USD 1.084 GBP/USD 1.271 XAU/USD 2412 US500 5488 Open account four brands · one attribute · zero forks
Identity asPDF.
Mark, palette, type and voice — delivered as tokens and components, so what gets designed is what gets built and it stays consistent as the product grows.
0
pages of design-system specification, written before any UI Aurelia · concept 0
white-label brands from one attribute Aurelia · concept 0
hard-coded colours in components Aurelia · concept
Identity · Typography · Tokens · Components · White-label · Semantic colour · Elevation · Type pairing · Wordmark · Emblem · Light & dark · Specification first · Identity · Typography · Tokens · Components · White-label · Semantic colour · Elevation · Type pairing · Wordmark · Emblem · Light & dark · Specification first ·
replay
EUR / USD 1.08423 BUY SELL data-theme = "meridian" the deck re-skins with the terminal — digits stay aligned
Concept Aurelia Capital Markets
Four brands. One attribute. Zero forks.
01
replay
e0 e1 e2 e3 e4 emerald ramp · six named steps five elevation tones, one light source
Concept Noir Auto
Five elevation tones, a six-step emerald ramp.
02
replay
Cream Sage Terracotta Navy Committed to inspiring Lora · display / Jost · body the ask copper, reserved
Real client EJH Solutions
Cream to sit in, sage to ground, terracotta to ask.
03
How it gets built
01 StrategyWhat the brand must survive — dense data, four skins.
02 DesignMark, palette, voice — then the specification.
03 EngineeringTokens in code; components ask the system.
04 IntelligenceOne attribute re-skins everything.
Identity delivered as tokens, not a PDF.
