Colourways

A colourway swaps the inks and keeps the rules. Process is the house set; Acid pop, Electric cool and Jewel are the alternates every component is tested in, in every volume, on both papers. Client colourways come from the helper and have to pass the same press check as everyone else. No favours.

The four colourways#

The lead, support and spot inks of each colourway on each paper. Each cell is printed in its own colourway, so what you see is what the CSS resolves, not a picture of it.

Colourways: lead, support and spot inks on each paper
Colourway	On Bone	On Night
Process	lead`#C31A9D`support`#00B4EA`spot`#FFE500`	lead`#DC00AA`support`#37D0FF`spot`#FFE500`
Acid pop	lead`#FF2E8B`support`#2D4BFF`spot`#C6FF2E`	lead`#FF1087`support`#4A73FF`spot`#B7EF01`
Electric cool	lead`#1F4BFF`support`#9C74FF`spot`#2FD6FF`	lead`#4374FF`support`#8E54FF`spot`#0BD4FF`
Jewel	lead`#D01043`support`#1546C2`spot`#FFD3DE`	lead`#FF0152`support`#3B76FF`spot`#FFD3DE`

The same card, four ways#

One specimen, printed in each colourway at Studio. The reading layer does not move; the inks do.

Process
Pebblepath studio
Open studio
Prints, coffee and a wall of blocks. Saturday from ten.
Free entry
Acid pop
Pebblepath studio
Open studio
Prints, coffee and a wall of blocks. Saturday from ten.
Free entry
Electric cool
Pebblepath studio
Open studio
Prints, coffee and a wall of blocks. Saturday from ten.
Free entry
Jewel
Pebblepath studio
Open studio
Prints, coffee and a wall of blocks. Saturday from ten.
Free entry

Choosing one#

Set data-mk-colourway on <html> (or on a section, for a case study in a client's colours) and import the colourway's CSS after the tokens. The colourway dial in this site's header does exactly that and remembers your pick. Process is the default and needs no import.

Client colourways#

The helper derives a full colourway from one to three brand colours, reports every role it had to adjust ("lead darkened so paper text passes") and exports the CSS, the DTCG tokens and a TS literal. It runs the same pair matrix before it lets you export. It arrives with the generators.