Four strokes, turning around one centre.

Mithril’s whole brand fits on one page: logo, colour, type, graphic language, interface and architecture. Everything a designer needs to use it correctly, and nothing they have to guess.

ClientMithril
SectorBrand system
Year2026
ScopeLogo · Colour ladders · Typography · Graphic language · Interface · Architecture · One-page guidelines
The challenge

A brand only works if people use it correctly, and most guidelines are eighty-page PDFs nobody opens. Mithril needed a system a designer could understand in one sitting and apply without asking.

Our approach

Fewer, stricter rules. One mark that holds at any rotation, colour as ladders with fixed roles, three typefaces with fixed jobs, and the whole brand on a single page.

Positioning

Where Mithril sits.

Before anything was drawn, we agreed one sentence. Every design decision after it was checked against it.

POSITIONING STATEMENT
FORteams building with the Mithril brand
WHOneed to apply it correctly without asking a designer
IT’S THEbrand system
THATfits on a single page
BECAUSEfixed roles for every colour, typeface and mark
THE MARKET MAP
SIMPLECOMPLEX LOOSESTRICT The category Mithril
THE CATEGORY SAYSAn eighty-page guidelines PDF.
MITHRIL SAYSThe whole brand, on one page.
VALUE PILLARS
01StrictColour ladders with fixed roles. No guessing.
02SimpleThree typefaces, three jobs.
03ScalableOne mark that holds at any rotation and size.
CLEAR SPACE · x = ¼ MARK HOVER TO TURN
The mark

Turn it a quarter. It’s still itself.

01

Rotational symmetry. Four identical arms, each a bar plus a quarter-circle, all pointing in. Balanced from every side.

02

Built from the wordmark. The arms share the weight and rounded ends of the letters, so mark and name read as one family.

03

One rule for space. Clear space is a quarter of the mark, on every form. Easy to remember, hard to get wrong.

FIVE APPROVED FORMS
COLOUR · TWO LADDERS
{{ c.hex }}
{{ c.hex }}

Colour comes as ladders, not swatches. Each step has a job, from background to text, so interfaces stay consistent without anyone picking shades by eye.

TYPE · THREE VOICES
Instrument SerifDISPLAY
Instrument SansTEXT & UI
IBM Plex MonoLABELS & DATA

A serif for character, a sans for clarity, a mono for anything technical. Three roles, never swapped.

Imagery in use

Work in progress, in good light.

Real teams at real desks, graded cool toward the grey ladder. The mark sits on top as a quiet watermark, and green is used once per frame.

Built to hold.Book a call
WEBSITE HERO
We’re hiring engineers who like quiet code.
HIRING POST
Turn it a quarter. It’s still itself.
CASE STUDY CARD
01

Real teams at real desks. No posed handshakes.

02

Grade cool, toward the grey ladder.

03

One green accent per frame, never more.

Example photography from Pexels, used to show the direction.

Website concept

Mithril, online.

A dark, precise engineering site: an indexed list of services, case notes and a short path to a scoping call.

See our web design work
mithril.dev
Your turn

Liked what we did for Mithril?

Book a free 30-minute session. Tell us where your brand is now and where you want it to go, and we’ll tell you honestly what it would take. Got a quick question instead? Just ask.

Book a session Ask us anything We reply within one working day.
Next case study Aamdan