FOLIO: Template | HorizonX

Design Systems

FOLIO

Design system for digital-asset yield and private wealth sites: putty gallery walls, pitch-black rooms, a monumental serif and original oil-painted imagery.

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

Overview

FOLIO is an industry design system for digital-asset yield and private wealth: vault and strategy pages, yield tables, quarterly client letters, methodology pages and by-appointment access requests. Every house name, vault and figure in it is a clearly labelled fictional placeholder, not an offer or a promise of returns. It hangs finance like an exhibition: Newsreader set at monumental sizes with tight negative tracking, Work Sans for labels and every figure, a flat Gesso / Folio Bone / Lamp Black / Raw Umber palette with Verdaccio for status, light editorial spreads alternating with pitch-black rooms, museum wall labels beside each number, a notched vault card, circular vignettes, hexagon indicators, capsule controls with 9px surfaces, hairline rules, no gradients and no shadows. The imagery language has Hero, Material and Detail roles in an original oil-painting style, built around a fictional private wealth house, Collezione. Included: foundations (color, type, spacing, imagery, patterns), components (buttons & tags, cards, dialog, forms, navigation, feedback, table), theme sheet, Collezione private wealth landing starter, 6-slide quarterly letter deck, sample painterly web imagery in assets/imagery/, and buyer docs (README, AGENTS.md and CLAUDE.md for AI coding agents, CREDITS).

Highlights

  • Digital-asset yield and private wealth industry system, fictional figures clearly labelled
  • Gesso / Folio Bone / Lamp Black / Raw Umber + Verdaccio + Newsreader at monumental sizes
  • Light editorial spreads alternating with pitch-black rooms; hairlines, no gradients, no shadows
  • Museum wall labels for every figure, notched vault card, circular vignettes, hexagon indicators
  • Web imagery roles: Hero · Material · Detail in an original oil-painting style
  • Vault table, access dialog, client-room form, quarterly-letter alerts and toast
  • Collezione landing + 6-slide quarterly letter deck

What's included

  • theme.json + styles.css tokens
  • Foundations docs (color, type, spacing, imagery, patterns)
  • Component specimens with states (HTML)
  • Collezione private wealth landing + quarterly letter deck
  • Sample painterly web imagery in assets/imagery/
  • README, CREDITS, AGENTS.md + CLAUDE.md for AI coding agents
  • 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.