No. 15 · Developer & data · Rate it

Ticker

Market workspace — hairline mosaics, monospace tabular numbers, green/red only for up and down

A dense, calm language for trading, banking and analytics products. Graphite dark panes tile into hairline mosaics with no gaps; every value that can change is set in a monospace tabular face; green and red are reserved strictly for up/down and buy/sell while one cobalt carries selection and primary actions. Signature parts: a scrolling ticker tape, ▲▼ deltas, flash-on-tick cells, sparklines in rows, depth-bar order books, sector heatmaps sized by value, candlesticks with volume, a buy/sell ticket that computes fees as you type. A light 'statement' theme ships too.

Screens

tarazoo.exampleTicker — Site (English, Desktop)
Ticker — Site (English, Mobile)

Best for

  • Brokerages, exchanges and trading apps
  • Banking, wallets and treasury tools
  • Analytics, monitoring and pricing consoles
  • Market data and research sites

Not ideal for

  • Lifestyle, wellness and storytelling brands
  • Content-led editorial sites
  • Audiences who need large type and few numbers

Signature moves

  1. Hairline mosaics: panes tiled with 1px gaps, no floating cards
  2. Monospace tabular numbers for every price, size, time and %
  3. Green/red only for up/down and buy/sell; cobalt for everything selected
  4. Ticker tape, flash-on-tick cells, sparklines in table rows
  5. Order book with depth bars, sector heatmap, candles with volume
  6. Buy/sell ticket with steppers, % of buying power and live fees

Try it with another brand color

Opens the demo with only --brand changed. The style should still read as Ticker.

Install this skill

/plugin marketplace add tastefolio/tastefolio.github.io
/plugin install ticker@tastefolio

Files

Rate this style

Like it? Give it a 👍 below; you sign in with GitHub. The gallery’s Top rated order counts these votes and refreshes every hour. Comments and questions are welcome too.