KILN: Template | HorizonX

Design Systems

KILN

Design system for geothermal and clean-energy infrastructure sites: warm stone canvas, one molten orange accent, and compressed capitals at architectural scale.

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

Overview

KILN is an industry design system for geothermal and clean-energy infrastructure: power-plant and project pages, drilling updates, heat-network rollouts, investor relations and site-visit booking. It pairs Anton display capitals set big enough to read as architecture with Manrope Medium body text on a flat Kaolin / Sinter / Basalt / Ash palette, one Magma orange for actions and figures, a Reservoir-to-Magma thermal halftone for heat diagrams, pill controls with 40px cards and no shadows, and an imagery language with Hero, Material and Detail photo roles built around a fictional geothermal developer. Included: foundations (color, type, spacing, imagery, patterns), components (buttons & tags, cards, dialog, forms, navigation, feedback, table), theme sheet, Rift Thermal project landing starter, 16:9 investor deck, and sample web photography in assets/imagery/.

Highlights

  • Geothermal and clean-energy infrastructure industry system
  • Kaolin / Sinter / Basalt / Ash + Magma orange + Anton display capitals
  • Pill controls and 40px cards, flat surfaces with no shadows
  • Reservoir-to-Magma thermal halftone for heat and flow diagrams
  • Web imagery roles: Hero · Material · Detail (fictional geothermal plant)
  • Plant stat cards, output compare table, site-visit dialog, investor form
  • Rift Thermal project landing + 16:9 investor deck

What's included

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