TALLY: Template | HorizonX

Design Systems

TALLY

Design system for finance-data and FP&A consultancy sites: light grotesk headlines on white and ivory stock, charts as imagery, one ember line and asymmetric cut-corner cards.

TALLY, image 3
TALLY, image 1
TALLY, image 2
TALLY, image 3
TALLY, image 1
  • Instant access Included with every membership
  • Tokens & components HTML, CSS & design tokens
  • Commercial license With a membership, for client work

Overview

TALLY is an industry design system for finance-data and FP&A consultancy websites: service pages for rolling forecasts, board packs and finance dashboards, engagement pricing, case studies and quarterly review decks. It pairs Space Grotesk at a whisper-light Regular 400 with tight tracking and 0.91 leading for headlines and big figures with Karla for interface text, over an almost achromatic Bond, Pumice, Ivory Stock and Graphite token set. A single Ember orange appears only as a chart line, an underline, a dot or a focus ring, with Brass as its quiet counterpart for labels and a second series. Controls are sharp 0px, cards cut one soft top-left corner, data widgets round to 20px and the navigation is a full pill capsule; there are no shadows and no gradients. Line charts, ring charts and stat cards carry the imagery, supported by Hero, Material and Detail photo roles. Text tokens switch to darker on-wash values on Ivory Stock so small type stays AA. Quarterline, its clients and every figure and price are fictional placeholders. Included: foundations (color, type, spacing, imagery, patterns), components (buttons & tags, cards, dialog, forms, navigation, feedback, table), theme sheet, Quarterline FP&A consultancy landing starter, 6-slide deck, and sample web photography in assets/imagery/.

Highlights

  • Finance-data and FP&A consultancy industry system
  • Bond / Ivory Stock / Graphite with one Ember line accent and Brass
  • Space Grotesk Regular 400 headlines at 0.91 leading, Karla interface text
  • Sharp 0px controls, asymmetric cut-corner cards, 20px data widgets, pill navigation
  • Charts as imagery: line charts, ring charts and stat cards, no shadows
  • Web imagery roles: Hero · Material · Detail
  • Quarterline FP&A landing + six-slide quarterly review deck

What's included

  • theme.json + styles.css tokens
  • Foundations docs (color, typography, spacing, imagery, patterns)
  • Component specimens with states (HTML)
  • Quarterline FP&A landing + 16:9 quarterly review deck
  • Sample web photography in assets/imagery/
  • Commercial license with a membership

Frequently asked questions

  • A complete design system kit: foundations, tokens, HTML/CSS components and written guidelines, ready to adopt in your product.

  • It's included with a HorizonX membership. Download the kit and drop the tokens and components into your project.

  • Yes, with a HorizonX membership. Members get a commercial license: use and adapt these files in personal, client and commercial projects. If your plan ends, projects you already built keep their license, but the files can't be used to start new ones.