ALMANAC: Template | HorizonX

Design Systems

ALMANAC

Design system for analytics product sites: editorial serif headlines, a near-monochrome white canvas, one apricot accent and floating chart cards.

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

Overview

ALMANAC is an industry design system for product and business analytics websites: product pages for dashboards and reporting tools, metric explainers, pricing pages, plain-language query features and quarterly report decks. It pairs Spectral headlines with an oversized italic phrase and Schibsted Grotesk for interface text, over a quiet Broadsheet / Mist / Ledger Ink token set with a single Apricot wash and Umber ink as the only color. Cards use soft 24px corners, controls are flat pills, shadows are barely there and edges are 1px hairlines. Product surfaces such as tables, line charts, progress rings and an ask-your-data composer float as artifacts around the headline instead of sitting in a dashboard shell. The imagery language has Hero, Material and Detail photo roles built around Orrery, a fictional analytics product, and its Orrery Desk e-paper display. Included: foundations (color, typography, spacing, imagery, patterns), components (buttons, cards, dialog, forms, navigation, feedback, table), theme sheet, Orrery analytics landing starter, six-slide 16:9 quarterly report deck, and sample web photography in assets/imagery/.

Highlights

  • Product and business analytics industry system
  • Broadsheet / Mist / Ledger Ink + one Apricot accent with Umber ink
  • Spectral headlines with an oversized italic phrase, Schibsted Grotesk interface text
  • 24px soft cards, flat pill controls, hairline edges and barely-there shadows
  • Floating chart artifacts: line charts, progress rings, region tables, ask-your-data composer
  • Web imagery roles: Hero · Material · Detail (fictional Orrery Desk display)
  • Orrery analytics landing + six-slide quarterly report deck

What's included

  • theme.json + styles.css tokens
  • Foundations docs (color, typography, spacing, imagery, patterns)
  • Component specimens with states (HTML)
  • Orrery analytics landing + 16:9 quarterly report 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.