Skip to content

Brand

Cobalt on warm paper.

Cobalt and warm paper by default, one typeface, and the line drawing. Everything you need to write or show Henselian, ready to download.

Download the design system sheet
01

Logo.

The ring and the name. The mark is a ring, after the Henselian rings of algebraic geometry that give the company its name. Use the full logo wherever it fits, and the ring alone where the logo would be smaller than 80 px wide.

Ink on paper and paper on cobalt by default. Any colour works, over flat colour or a photograph, as long as the logo stays one colour and reads clearly. Keep clear space of the ring's width all round. The full logo no smaller than 80 px wide; below that, the ring alone.

  • Logo, inkSVG · on paper or any light groundDownload
  • Logo, inkPNG, transparent · 2094 × 480Download
  • Logo, paperSVG · on cobaltDownload
  • Logo, paperPNG, transparent · 2094 × 480Download
  • Ring, inkSVG · where the logo would be under 80 px wideDownload
  • Ring, paperSVG · the same, on cobaltDownload
  • Ring on cobaltSVG · app icons and avatarsDownload
  • App iconPNG · 2048 × 2048Download
02

Social images.

Each at twice the size its platform asks for, so it stays sharp on any screen.

  • LinkedIn banner: the Henselian town on cobalt with the line “From what if to what then.”
    LinkedIn banner1584 × 396 · the bottom left stays clear for the profile photoDownload
  • X header: the Henselian town on cobalt with the line “From what if to what then.”
    X header1500 × 500Download
  • Link preview: the Henselian town on cobalt with the line “From what if to what then.”
    Link preview1200 × 630 · Open Graph, posts and slide coversDownload
  • LinkedIn logo: the Henselian ring on cobalt
    LinkedIn logo400 × 400 · survives a circle cropDownload
03

Colour.

Seven colours, all from one blue. Cobalt is the brand; ink carries the words.

ground#faf9f6Paper. The page, and type on cobalt.
cobalt#2152c4The brand blue. Blue bands, buttons, labels and numbers.
ink#1d3b9fHeadlines and running text on paper.
ink-soft#4f5f96Supporting text, second halves of headlines.
ink-faint#8a97c4Footnotes and sources only.
rule#cbd3ecHairline rules and borders.
wash#e6eaf6Hover and quiet fills.
04

Type.

TWK Lausanne. Tight tracking on large sizes; headlines balance their lines and no line ends on a single word.

Display
88/92 · 300Trillions of paths.
Section headline
56/62 · 300Answering what then.
Lead
28/38 · 300Before the storm arrives.
Body
15/24 · 300Imagine rolling the dice, over and over again, to explore different possible futures.
Label, uppercase, 0.12em tracking
12/16 · 500WHERE WE ARE TODAY
05

Drawings.

The town: every industry on one plinth
The loom: futures from the present to the horizon
The lighthouse: light before the storm

Isometric hairline drawings, made with Hairline. One stroke colour per drawing: ink on paper, paper on cobalt.