Cliff Coffin wordmark on its black plate

Where control meets chaos.

Cliff Coffin · brand guidelines v2.0 · 30 Sep 2026

01

System

Cliff Coffin splits one polarity into two poles. Control is the wordmark, the grid, the axis, Michroma and blue. Chaos is the coffin pattern and red. Every surface carries both, and control always holds more of the area.

Control
Wordmark, icon geometry, Michroma, Space Mono, Graphite, Silver, Cyber Blue. Structure, type, information.
Chaos
The coffin pattern and Primal Red. Used once per surface, as the event, never as the frame.
The house
Sync Primitive Recording Company publishes Cliff Coffin. On releases it appears as publisher; see section 08.
Event bills
Cliff Coffin is billed by name in the event's own type. The promoter carries the only mark.

Shared across the house

  • A 140 BPM motion clock
  • The same token names and document structure
  • Marks are artwork: never retyped, redrawn or recoloured

Kept apart

  • Palettes never mix on one surface
  • Typefaces stay with their brand
  • The coffin never appears on house material
02

Mark

Every file is a true vector, named by the ground it sits on. The icon is geometry, so it is specified below and can be checked against these numbers.

Cliff Coffin wordmark, plate
Wordmark, plateAny ground. The primary lockup.SVGPNG 2400px
Cliff Coffin wordmark, white ink
Wordmark, white inkDark grounds and photography with a quiet area.SVGPNG 2400px
Cliff Coffin wordmark, black ink
Wordmark, black inkLight grounds and paper.SVGPNG 2400px
Cliff Coffin icon, on dark
Icon, on darkAvatars, favicons, 1:1 spaces.SVGPNG 2400px
Cliff Coffin icon, on light
Icon, on lightLight grounds.SVGPNG 2400px
Cliff Coffin coffin
CoffinMerch, covers, social. Never with the wordmark at equal size.SVG whiteSVG blackPNG
R 623 ring r 166, stroke 16 axis 16, apex to apex diagonal 6 at 36.8° vertex dots r 21 · grid 1600

Icon construction

The hexagon and axis are control. The ring is chaos, sitting dead centre on top of the structure.

Grid
1600 units square, centre 800, 800
Hexagon
Pointy top, circumradius 623, stroke 11
Axis
Stroke 16, apex to apex
Diagonal
Stroke 6, 36.8° from horizontal, 978 long, through centre
Ring
Radius 166, stroke 16, on top of everything
Vertex dots
Radius 21 at all six vertices
03

Clear space and size

xxxx

x is the height of the C in CLIFF. Keep x clear on every side of the plate.

Wordmark
25 mm or 160 px wide
Icon
8 mm or 32 px
Coffin
20 mm or 96 px tall

Below 96 px the coffin's stripes interfere and the pattern turns to moiré. Use the icon instead.

At size

120 px
160 px
240 px
320 px
04

Misuse

Each of these has happened to a mark somewhere. None of them happen to this one.

Don't stretch or squash it.
Don't recolour it.
Don't add effects.
Don't box it on white.
Don't set it on busy imagery.
Don't rotate it.
05

Colour

Palette

Mark colours (artwork, not for UI)

Select any swatch to copy its hex. Ratios are WCAG 2.2 contrast against the ground named.

06

Type

Michroma
400, uppercase

Display and titles. Wide and engineered, so it reads as control.

Space Mono
400 body, 700 emphasis

Body copy and data. Monospaced, so every line sits on the grid.

Scale: Perfect fifth, 1.500, base 14 px

A fifth is 3:2, a wider interval than the house's fourth. The artist steps harder than the label.

71 pxWhere control meets chaos.
47 pxWhere control meets chaos.
32 pxWhere control meets chaos.
21 pxSurgical in construction, feral in execution.
14 pxSurgical in construction, feral in execution.
07

Motion

Both brands run on one clock, 140 BPM, the centre of the catalogue's 134 to 142 range. They subdivide it differently.

The artist cuts on the sixteenth. Control moves in straight, quantised steps; chaos is the only thing allowed to flicker.

1 beat = 429 ms
--cc-t-16th
--cc-t-8th
--cc-t-beat
--cc-t-16th
107 ms 0.25 beats · steps(1, end)
Hard cuts and glitch frames
--cc-t-8th
214 ms 0.5 beats · cubic-bezier(.7,0,.2,1)
UI response: hover, open, confirm
--cc-t-beat
429 ms 1 beat · cubic-bezier(.7,0,.2,1)
Reveals and transitions
--cc-ease-strike
cubic-bezier(.7,0,.2,1)
Holds, then strikes

Durations derive from the clock: one beat is 60,000 ÷ BPM milliseconds. Move the tempo and every token recalculates. With reduced motion on, nothing moves and the values stay readable.

08

Partners and applications

Releases
The Cliff Coffin wordmark leads the front. Sync Primitive appears on the back or in credits as publisher, never side by side at equal size.
Event bills
Billed by name in the promoter's type. No wordmark, no icon. Every bill we checked in the KL scene follows this, and so do we.
Promoter assets
Promoters get the name, the press photos and the bio. The wordmark is for Cliff Coffin's own channels and releases.
Approval
Anything that carries the wordmark or the coffin is approved before it runs. Send proofs to bookings@cliffcoffin.com.
Release cover. Coffin as the event, wordmark as the frame, one red element.
Promoter mark
Cliff Coffin
Artist two
Artist three
Event bill. Name in the promoter's type. No wordmark, no icon.
OUT NOW
Social tile. The icon holds the square; copy set in Space Mono.
09

Downloads

Download the full kit

ZIP · logos as SVG and PNG, tokens.css, tokens.json, this page's rules as README

Bookings, press and partnerships
Build notes
Static HTML and CSS · one generator, two themes · vectors traced and checked against the masters · v2.0, 30 Sep 2026