Brand guidelines

Melted Axis is a design studio working in impossible architecture. This is the system that goes with it: the mark, the colour, the type, the grid, and the rules that keep it all looking like one studio.

The mark

Melted Axis

A three-dimensional emblem of nested triangular frames - an axis built from rules - with a chevron falling through its centre and out below the base. The metal is chrome; the cut edges throw a spectrum, cool at the top and warm where the light strikes. The wordmark sits beneath in extruded chrome, on a black ground.

Clear space. The clear space equals the height of the wordmark's cap height, on every side. Nothing enters it - not type, not a rule, not the edge of a picture.

Minimum size. The emblem is never used below 48px tall. Below 120px, use the emblem alone. The wordmark is never set below 24px tall.

Full mark rules and misuse

Colour

The palette is sampled from the emblem itself, so the print and the screen come out of the same place.

Void#0A0B0F

The ground. The mark is drawn on it, and the site sits on it.

Graphite#1A1C22

Panels, cards and any second level of the page.

Alloy#767C86

Secondary text, rules, captions, disabled states.

Chrome#D2D6DC

The body of the mark, and primary text on dark. Never pure white - the emblem is not pure white.

Bronze#C3907C

The warm metal. Used for the warm rules and for the second voice.

Iridescent#5387D6

The spectral edge. Links, states, and the one accent that is allowed to move.

Paper#F2F1ED

Light grounds, print stock, reversed out type.

Type

DisplaySpace GroteskHeadlines, the wordmark, section titles. Geometric, slightly industrial, holds up at large sizes.
TextInterBody copy, UI, long-form. Neutral and very legible.
DataIBM Plex MonoPrices, specs, captions, technical annotation, anything that is a number.

Grid

Columns12With a 24px gutter. Fluid from 1024px up.
Margin64pxDesktop, dropping to 20px below 640px.
Baseline8pxEverything lands on it.
Max width1200pxRead at 68 characters for long text.

Motion

Every film and every animation opens the same way. The emblem rises out of the black, a band of light crosses the metal, and the name sets beneath it.

The full sequence and its timings

Tone of voice

Melted Axis. This document and every asset in it are yours to use, edit and extend.