Clean energy Concept website Concept

Axelith

A concept website for an imagined energy storage engineer: a precise monochrome grid with a single signal-orange accent.

Concept Self-initiated design study, not a client project. Axelith is a fictional brand we invented; any names, prices or figures inside the concept are made up for the design. Imagery generated for this concept study.

Axelith concept home page: the headline Storing the sun for after dark beside a line drawing of an isometric battery module
Brand
Fictional (concept study)
Sector
Clean energy
Our role
Brand idea, design and development

(01)Overview

The brief, in short.

Axelith is a fictional engineering studio we invented to explore a technical, grid-based style for a B2B company. An isometric battery module draws itself on load, a systems table inverts on hover, and an interactive load model shows how storage could flatten an evening demand peak. The model is illustrative and labelled that way.

Who it is for: Developers, utilities and site owners comparing battery storage options alongside solar and wind.

(02)What the concept explores

Pages and features.

  • Self-drawing isometric SVG module
  • Live clock meta bar and scroll progress
  • 12-column grid overlay toggle (G key)
  • Hover-invert systems table
  • Interactive canvas load model (storage slider flattens evening peak, illustrative)
  • Numbered accordion method
  • Brief form
  • Responsive photography (generated for the concept) with scrims for legible text

(03)Responsive views

Desktop and phone.

The full concept page on desktop and phone. Hover or tab onto a screen to scroll through it.

(04)Design

Type and colour.

Monochrome technical grid with one signal-orange accent and engineering precision.

GeistGeist Mono
  • #F4F4F2
  • #0D0D0D
  • #9A9A96
  • #5C5C59
  • #FF4D00

(05)Details

Closer looks.

Section from the Axelith concept
Section from the Axelith concept
Another section from the Axelith concept
Another section from the Axelith concept

(06)Build notes

Under the hood.

  • Hand-written HTML, CSS and JavaScript, no framework
  • Self-drawing isometric SVG
  • Interactive canvas load model (illustrative)
  • 12-column grid overlay toggled with the G key
  • Keyboard-accessible numbered accordion
  • Photography served as WebP with JPEG fallback, explicit sizes and lazy loading

Result

The concept is online here so you can try every interaction. It was made by Tarzi as a design study in October 2026; the brand does not exist and nothing in it can be bought or booked.

Next projectSuperMan

Start here

Want a site built this carefully?

Send a few lines about the business and what you want to change. We reply within one business day with questions or a suggested next step.