FURIA: Template | HorizonX

Design Systems

FURIA

Design system for performance motorcycle brands: black showroom stages, uppercase condensed type, square edges and one yellow action per screen.

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

Overview

FURIA is an industry design system for performance motorcycle brands: model ranges, model pages, spec comparisons, test-ride booking, dealer and event pages. It pairs Saira Condensed uppercase display type at a single 400 weight and 0.023em tracking with Saira body text, a Pit Black / Tunnel Black / Paddock White / Grid Gray token set and a single Strike Yellow reserved for the primary action, one per screen. Every corner is 0px, edges are 1px hairlines, and there are no shadows or gradients. The low-key imagery language has Hero, Material and Detail photo roles built around a fictional, unbranded sport motorcycle. Included: foundations (color, type, spacing, imagery, patterns), components (buttons & tags, cards, dialog, forms, navigation, feedback, table), theme sheet, FURIA Moto Works performance motorcycle landing starter, 7-slide deck, and sample web photography in assets/imagery/.

Highlights

  • Performance motorcycle industry system
  • Pit Black / Tunnel Black / Paddock White / Grid Gray + one Strike Yellow action
  • Saira Condensed uppercase at one weight, 0.023em tracking, Saira body
  • 0px corners and 1px hairlines, no shadows, no gradients
  • Web imagery roles: Hero · Material · Detail (fictional unbranded sport motorcycle)
  • Model range, spec compare table, test-ride booking form, price capsule
  • FURIA Moto Works landing + 7-slide deck

What's included

  • theme.json + styles.css tokens
  • Foundations docs (color, type, spacing, imagery, patterns)
  • Component specimens with states (HTML)
  • FURIA Moto Works landing + 7-slide 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.