Range

One market, five ways.

Taste isn't one look — it's knowing which look serves which user. Below, the same live market (same data, ticking right now) designed five deliberately different ways, with the tradeoffs stated out loud.

01

The consumer card

Economics$4.8M vol

Fed cuts rates at the September meeting?

67¢
Yes

Friendly, glanceable, tap-first. Hierarchy over density: one number to feel, two buttons to act. This is the site's default — designed for someone's first market, not their thousandth.

02

The pro terminal row

FED-25Fed cuts rates at the September meeting?bid 66¢ask 68¢+15$4.8M
BS

For the trader with forty tabs: maximum density, zero ceremony. Mono numerals, bid/ask spread, keyboard affordance. Delight here isn't charm — it's never making them wait or wonder.

03

The glanceable widget

Fed cut in Sept?
67¢

Watch-face / home-screen size: one question, one number, one direction. Everything else is deleted — the discipline is deciding what survives at 160 pixels.

04

The exchange-floor dark

Economics$4.8M vol
Fed cuts rates at the September meeting?
67¢
Yes 67¢No 33¢

Same consumer anatomy, tuned for low light and long sessions: dimmed surfaces, brighter signal color, softer borders. Dark mode isn't inverted colors — it's re-balanced contrast.

05

Accessibility-first

Fed cuts rates at the September meeting?
67¢▲ Trending up
Buy YES — 67¢Buy NO — 33¢
Direction is written in words, buttons name their action and price, and every color pairing clears WCAG AA.

High contrast, bigger type, and direction that never relies on color alone — arrows and words carry the signal too. If this version feels 'plain,' good: it's the one everyone can use.

Designed & built from scratch for this application — React · Next.js · TypeScript · Framer Motion. Source ↗claytonryanyoung@gmail.com