What changed
  • Colours, spacing, corner radii and type sizes now come from one shared list of design tokens
  • Every CFIN page reads from that same list instead of defining its own values
  • An internal consistency change only — no action needed, the dashboard and website now feel like one product

What changed

Behind the scenes, every visual value you see on CFIN’s dashboard and website — the shade of blue used for links and highlights, the roundness of a card’s corners, the size of a heading, the space between two rows — now comes from a single shared list of “design tokens”, rather than being set separately on each page.

Why

Before this change, different pages sometimes used slightly different blues, different corner roundness, or different spacing, simply because they were built separately over time. That made the product feel like a patchwork.

A single source for these values means every page automatically matches every other page, and when we want to adjust something, we adjust it once.

What you need to do

Nothing to do here — this is an internal consistency improvement. The visible result is a dashboard and website that feel like one product rather than several stitched together.

In detail

One more thing

This kind of change is deliberately invisible when it works well: you shouldn’t be able to point at a single moment and say “that’s when the tokens changed”, because the whole point is that every page already looks like it belongs together.

If you ever do spot two pages that look slightly out of step with each other, it’s a useful thing to tell Support about — it likely means one of them hasn’t been migrated onto the shared tokens yet.