PLINTH: Template | HorizonX

Design Systems

PLINTH

Design system for creative tools and design software: white gallery canvas, one indigo action, light display type and pastel work color.

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

Overview

PLINTH is an industry design system for creative tools and design software: collaborative design apps, plugin marketplaces, community template galleries and creative SaaS product sites. It keeps the interface achromatic (Gallery White, Plaster, Studio Black, Graphite) so the work on the canvas carries the color: one Spotlight Indigo for the single primary action per view, and a pastel work palette (Lilac Proof, Lime Wash, Blush, Aqua Mist) reserved for imagery and placeholders. Geist at Light 300 sets large display headlines over plain Regular body text, with Geist Mono for labels. Filled actions are pills, fields 8px, surfaces 16px, and only floating cards, dialogs and toasts cast a shadow. Imagery follows Hero, Material and Detail roles: a white gallery room with one artwork on a plinth, printed proof sheets, and a pen on a tablet. Included: foundations (color, type, spacing, imagery, patterns), components (buttons & tags, cards, dialog, forms, navigation, feedback, table), theme sheet, Frameyard creative software landing starter, 8-slide deck, and sample web photography in assets/imagery/.

Highlights

  • Creative tools and design software industry system
  • Achromatic Gallery White / Plaster / Studio Black UI with one Spotlight Indigo action
  • Geist Light 300 display headlines over Regular body, Geist Mono labels
  • Pastel work palette kept for canvas content, never for chrome
  • Pill actions, 8px fields, 16px surfaces; shadow only on floating elements
  • Frameyard landing with canvas mock, plugin cards, pricing and compare table, plus an 8-slide deck

What's included

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