The four inks every printer runs, dealt out so the MAKR blocks spell the press they're printed on.
Process is the press's own colourway: magenta, aqua, red and key, the four inks of every CMYK job, plus one yellow that only the action key wears. Each line of work owns one ink, one letter and one shape: key and the circle for Websites, red and the triangle for Growth, aqua and the bars for Software, magenta and the diamond for Custom apps. Wood, the colour of an unpainted block, is MAX//OS.
Because the inks mean something, they are never decoration where they could be read as a line, and they never travel alone: the letter and the shape go with them, so the meaning survives colour blindness, a black-and-white printer and a phone in the sun. Everything else is paper and ink, with the volume dial deciding how much colour a page may print.
Rules#
| Id | Rule | Why | Checked by |
|---|---|---|---|
| BB-COLOUR-01Must | Take every colour from the tokens or print.json; never type a hex, RGB, OKLCH or CMYK value by hand.Applies to: Every channel | The derived set is checked for contrast and colour vision in every look; a value typed by hand drifts from it the day an ink changes. | Lintbrand/raw-colour; docs/no-literal-values |
| BB-COLOUR-02Must | Use a line ink only where it means its line, always with its letter or its glyph.Applies to: Site, Docs, MAX//OS, Print, Documents, Social, Slides | Colour is meaning (D-C2): magenta is Custom apps, aqua Software, red Growth, key Websites. The letter and the glyph keep the meaning for readers who do not see the hue. | Press checkrule 10, colour vision |
| BB-COLOUR-03Must | Keep yellow for the face of the one primary action per view and for the spot ink in art from Press up; never text, a status, or a plate wider than a call-to-action band.Applies to: Site, Docs, MAX//OS, Print, Documents, Social, Slides | Yellow is the action ink. When it only ever means press here, the next step is always the loudest thing on the page. | Manual reviewthe press colour budget counts it |
| BB-COLOUR-04Must | Set text on colour in ink or paper through the sanctioned pairs.Applies to: Site, Docs, MAX//OS, Print, Documents, Social, Slides | The pairs are solved for WCAG 2.2 AA and the APCA floor in every look; coloured text on a coloured plate fails one or the other. | Press checkrule 4; lint mk/colour-text |
| BB-COLOUR-05Never | Use traffic-light colours for status: a status is a glyph, a literal word and an ink treatment.Applies to: Site, Docs, MAX//OS, Documents | Red is Growth and green is the live dot, and a colour alone says nothing to a colour-blind reader. | Lintmk/status-colour |
| BB-COLOUR-06Must | Print Night as black paper with flat, opaque inks: no glow and no blur.Applies to: Site, Docs, MAX//OS, Print, Documents, Social, Slides | Night is a stock with fluorescent inks (D-C8). A glow reads as a screen effect, and blur costs legibility. | Lintmk/glow |
| BB-COLOUR-07Must | Stay within the volume's colour budget and chroma cap.Applies to: Site, Docs, MAX//OS, Print, Documents, Social, Slides | The budget keeps Studio calm enough to read and lets Rave be loud on purpose (D-B4, D-B5). | Press checkrules 7 and 8 |
| BB-COLOUR-08Never | Let red or pink meet blue or violet above a chroma of 0.12 on a hard edge; keep at least 2 px of paper or ink between saturated areas.Applies to: Site, Docs, MAX//OS, Print, Documents, Social, Slides | Those pairs vibrate on screen and on paper. A paper gutter stops it. | Press checkrule 9, no vibration |
| BB-COLOUR-09Must | Encode the series of a chart that is not about the lines by pattern first; never borrow a line ink for another meaning.Applies to: Site, Docs, MAX//OS, Documents, Slides | A borrowed line ink would say Growth or Software where the chart means something else. | Manual review |
| BB-COLOUR-10Must | Make client colourways with deriveColourway; they replace the lead, support and spot inks only.Applies to: Site, Docs, Social, Slides | The derivation keeps every pair legible in every look; the line inks, the action ink and the mark stay the studio's. | Testthe helper's 50 fictional brands |
| BB-COLOUR-11Never | Use Display P3 colour on text, solids, plates, tints or stocks, or anywhere in print.Applies to: Every channel | P3 only widens large art fields at Press and Rave. Text, plates and print need the sRGB values the pairs and the CMYK builds are solved from. | TestG7 |
| BB-COLOUR-12Should | Use the lead pair, magenta and aqua, for art at Studio; add more inks from Press up.Applies to: Site, Docs, MAX//OS, Print, Documents, Social, Slides | Two inks keep a Studio page calm; Press and Rave are where the full set prints. | Press checkrule 7's hue count |
| BB-COLOUR-13Must | Keep the overprint thirds, the colours where two inks multiply, as art: they never carry meaning and never sit under text.Applies to: Site, Docs, MAX//OS, Print, Documents, Social, Slides | A third colour changes with the paper and the volume, so it cannot hold a meaning, and under words it would be art behind text. | Press checkrule 1, two layers |
Specs#
What each ink means#
| Ink | Letter | Glyph | Means |
|---|---|---|---|
| Key | K | circle | The Websites line, and the ink every word prints in. |
| Process red | R | triangle | The Growth line: search, analytics, hosting and care after launch. |
| Process aqua | A | bars | The Software line: the studio's own products. |
| Process magenta | M | diamond | The Custom apps line: one build at a time, by application. |
| Wood | // | slash | MAX//OS, the studio's product: the unpainted fifth block. |
| Yellow | None | None | The one primary action per view, the Get a quote key, and the spot ink in art from Press up. |
| Go | None | dot | Live: the dot beside the word, 12 px or smaller, and nothing else. |
The ink spec sheets#
One card per ink: what it means, its Bone fill in OKLCH, hex and RGB, its CMYK builds per stock with the colour difference to the screen and a soft proof, its nearest spot ink, its Night fill and the roles the tokens derive from it. Print every value from these cards or from the colour files; never type one by hand (BB-COLOUR-01).
Process magenta
The Custom apps line: one build at a time, by application.
- Print name
- Process magenta
- Letter
- M
- Glyph
- diamond
- Line
- Custom apps
Bone fill
- Hex
#C31A9D - OKLCH
0.559 0.230 340.1 - RGB
195, 26, 157
CMYK
- Coated
C 34 M 93 Y 0 K 0 - Uncoated
C 31 M 95 Y 0 K 0
Spot
- Pantone 240 C · Pantone 240 U · Candidate, not approved (BB-PRINT-06)
Night fill
- Hex
#DC00AA - OKLCH
0.601 0.259 342.1 - RGB
220, 0, 170
Derived, Bone
- Solid
#C31A9D5.31:1 · Lc 79.9 - On the solid
#FFFFFF - Text cut
#840068 - Tint
#FFE1F4
- Plate, Studio
#A84F8E5.03:1 · Lc 79.7 - Plate, Press
#B43E945.18:1 · Lc 80.2 - Plate, Rave
#C31A9D5.31:1 · Lc 79.9
Derived, Night
- Solid
#CA009C4.53:1 · Lc 67.8 - On the solid
#F3EDE7 - Text cut
#FFCBEA - Tint
#311A29
- Plate, Studio
#973E7A5.50:1 · Lc 75.1 - Plate, Press
#A32B805.62:1 · Lc 75.2 - Plate, Rave
#AB00845.90:1 · Lc 75.2
Process aqua
The Software line: the studio's own products.
- Print name
- Process aqua
- Letter
- A
- Glyph
- bars
- Line
- Software
Bone fill
- Hex
#00B4EA - OKLCH
0.720 0.141 228.6 - RGB
0, 180, 234
CMYK
- Coated
C 71 M 5 Y 0 K 0 - Uncoated
C 72 M 0 Y 0 K 0
Spot
- Pantone 2995 C · Pantone 2995 U · Candidate, not approved (BB-PRINT-06)
Night fill
- Hex
#37D0FF - OKLCH
0.800 0.138 223.9 - RGB
55, 208, 255
Derived, Bone
- Solid
#1CBCF28.36:1 · Lc 60.1 - On the solid
#15131A - Text cut
#004F69 - Tint
#D3F1FF
- Plate, Studio
#7CD7FF11.42:1 · Lc 75.5 - Plate, Press
#7CD7FF11.42:1 · Lc 75.5 - Plate, Rave
#7CD7FF11.42:1 · Lc 75.5
Derived, Night
- Solid
#37D0FF10.43:1 · Lc 70.0 - On the solid
#141016 - Text cut
#9CE4FF - Tint
#042732
- Plate, Studio
#67D8FF11.51:1 · Lc 75.1 - Plate, Press
#67D8FF11.51:1 · Lc 75.1 - Plate, Rave
#67D8FF11.51:1 · Lc 75.1
Process red
The Growth line: search, analytics, hosting and care after launch.
- Print name
- Process red
- Letter
- R
- Glyph
- triangle
- Line
- Growth
Bone fill
- Hex
#F55E07 - OKLCH
0.671 0.201 41.9 - RGB
245, 94, 7
CMYK
- Coated
C 0 M 73 Y 97 K 0 - Uncoated
C 0 M 69 Y 100 K 0
Spot
- Pantone 1655 C · Pantone 1655 U · Candidate, not approved (BB-PRINT-06)
Night fill
- Hex
#FF8255 - OKLCH
0.740 0.164 40.0 - RGB
255, 130, 85
Derived, Bone
- Solid
#CE4C004.51:1 · Lc 75.7 - On the solid
#FFFFFF - Text cut
#802D00 - Tint
#FFE5DB
- Plate, Studio
#BC5A304.52:1 · Lc 76.3 - Plate, Press
#CE4C004.51:1 · Lc 75.7 - Plate, Rave
#CE4C004.51:1 · Lc 75.7
Derived, Night
- Solid
#FF916A8.53:1 · Lc 60.1 - On the solid
#141016 - Text cut
#FFCFBF - Tint
#351B12
- Plate, Studio
#FFBBA311.56:1 · Lc 75.1 - Plate, Press
#FFBBA311.56:1 · Lc 75.1 - Plate, Rave
#FFBBA311.56:1 · Lc 75.1
Key
The Websites line, and the ink every word prints in.
- Print name
- Key
- Letter
- K
- Glyph
- circle
- Line
- Websites
Bone fill
- Hex
#15131A - OKLCH
0.192 0.014 298.1 - RGB
21, 19, 26
CMYK
- Coated
C 0 M 0 Y 0 K 100 - Uncoated
C 0 M 0 Y 0 K 100
Spot
No spot ink: process black, K 100, with the rich black for floods
Night fill
- Hex
#F3EDE7 - OKLCH
0.949 0.010 67.7 - RGB
243, 237, 231
Derived, Bone
- Solid
#15131A18.42:1 · Lc 107.1 - On the solid
#FFFFFF - Text cut
#15131A - Tint
#ECE9F4
- Plate, Studio
#15131A18.42:1 · Lc 107.1 - Plate, Press
#15131A18.42:1 · Lc 107.1 - Plate, Rave
#15131A18.42:1 · Lc 107.1
Derived, Night
- Solid
#F3EDE716.21:1 · Lc 95.1 - On the solid
#141016 - Text cut
#F3EDE7 - Tint
#26221E
- Plate, Studio
#F3EDE716.21:1 · Lc 95.1 - Plate, Press
#F3EDE716.21:1 · Lc 95.1 - Plate, Rave
#F3EDE716.21:1 · Lc 95.1
Yellow
The one primary action per view, the Get a quote key, and the spot ink in art from Press up.
- Print name
- Yellow
- Letter
- None: it is not a line
- Glyph
- None: yellow is the key's face
- Line
- the action ink
Bone fill
- Hex
#FFE500 - OKLCH
0.915 0.191 101.0 - RGB
255, 229, 0
CMYK
- Coated
C 0 M 4 Y 88 K 0 - Uncoated
C 0 M 0 Y 92 K 0
Spot
- Pantone 102 C · Pantone 102 U · Candidate, not approved (BB-PRINT-06)
Night fill
- Hex
#FFE500 - OKLCH
0.915 0.191 101.0 - RGB
255, 229, 0
Derived, Bone
- Solid
#FFE50014.44:1 · Lc 89.2 - On the solid
#15131A - Tint
#F1EDCB
- Plate, Studio
#F7E67014.48:1 · Lc 89.2 - Plate, Press
#FDE53214.41:1 · Lc 89.0 - Plate, Rave
#FFE50014.44:1 · Lc 89.2
Derived, Night
- Solid
#FFE50014.76:1 · Lc 89.4 - On the solid
#141016 - Tint
#272307
- Plate, Studio
#F7E67014.80:1 · Lc 89.5 - Plate, Press
#FDE53214.73:1 · Lc 89.3 - Plate, Rave
#FFE50014.76:1 · Lc 89.4
Wood
MAX//OS, the studio's product: the unpainted fifth block.
- Print name
- Wood
- Letter
- //
- Glyph
- slash
- Line
- MAX//OS
Bone fill
- Hex
#D9B27C - OKLCH
0.786 0.084 75.1 - RGB
217, 178, 124
CMYK
- Coated
C 11 M 28 Y 52 K 5 - Uncoated
C 9 M 24 Y 49 K 3
Spot
- Pantone 7508 C · Pantone 7508 U · Candidate, not approved (BB-PRINT-06)
Night fill
- Hex
#926D37 - OKLCH
0.561 0.085 74.8
Derived, Bone
- Solid
#D9B27C9.31:1 · Lc 64.8 - On the solid
#15131A - Text cut
#654306 - Tint
#FDE8CB
- Plate, Studio
#ECC58E11.35:1 · Lc 75.0 - Plate, Press
#ECC58E11.35:1 · Lc 75.0 - Plate, Rave
#ECC58E11.35:1 · Lc 75.0
Derived, Night
- Solid
#8A652F4.54:1 · Lc 70.2 - On the solid
#F3EDE7 - Text cut
#FCD39B - Tint
#2F1F07
- Plate, Studio
#7D59225.44:1 · Lc 75.2 - Plate, Press
#7D59225.44:1 · Lc 75.2 - Plate, Rave
#7D59225.44:1 · Lc 75.2
Go
Live: the dot beside the word, 12 px or smaller, and nothing else.
- Print name
- Go
- Letter
- None: it is not a line
- Glyph
- The live dot
- Line
- the live dot
Bone fill
- Hex
#008A4E - OKLCH
0.556 0.137 155.0 - RGB
0, 138, 78
CMYK
- Coated
C 78 M 9 Y 78 K 16 - Uncoated
C 81 M 5 Y 87 K 9
Spot
- Pantone 348 C · Pantone 348 U · Candidate, not approved (BB-PRINT-06)
Night fill
- Hex
#00D982 - OKLCH
0.778 0.188 156.1 - RGB
0, 217, 130
Derived, Bone
- Solid
#00884D4.54:1 · Lc 76.3 - On the solid
#FFFFFF - Text cut
#00542E - Tint
#D5F4DF
Derived, Night
- Solid
#00D98210.08:1 · Lc 68.6 - On the solid
#141016 - Text cut
#45F69D - Tint
#0E291A
Neutrals#
Paper, sunken and plate are the grounds; ink and ink 2 are the text inks. Each text ink's contrast is printed beside it, measured on the paper it sits on.
| Role | Token | Bone | Night |
|---|---|---|---|
| Paper | --mk-paper | #F5F2EC | #141016 |
| Sunken | --mk-paper-sunken | #ECE9E3 | #19151B |
| Plate | --mk-paper-plate | #FFFFFF | #1D1820 |
| Ink | --mk-text | #15131A | #F3EDE7 |
| Ink 2 | --mk-text-2 | #524F54 | #D4CFCB |
| Rule | --mk-rule | #888587 | #716C6D |
| Soft rule | --mk-rule-soft | #D1CECB | #2E292E |
| Disabled text | --mk-text-disabled | #888587 | #9C9796 |
| Slab | --mk-slab | #15131A | #F3EDE7 |
| On the slab | --mk-on-slab | #F5F2EC | #141016 |
Sanctioned pairs#
Text on colour is ink or paper through a generated pair (BB-COLOUR-04). Here is every pair in Process at Studio on both papers, with its WCAG ratio and APCA value; every look checks the same pairs.
15,194 pair checks across 64 looks, 0 failures. The groups below show Process at Studio; the press check renders every look.
Paper, slab and code (111 pairs)
| Text on surface | Role | Floor | Bone | Bone, more | Night | Night, more |
|---|---|---|---|---|---|---|
--mk-inkon --mk-paper | body | 4.5:1 · Lc 74 | 16.5 · 97, passes | 16.5 · 97, passes | 16.2 · 96, passes | 16.2 · 96, passes |
--mk-inkon --mk-paper | body-ui | 4.5:1 · Lc 82.5 | 16.5 · 97, passes | 16.5 · 97, passes | 16.2 · 96, passes | 16.2 · 96, passes |
--mk-inkon --mk-paper | long | 7:1 · Lc 90 | 16.5 · 97, passes | 16.5 · 97, passes | 16.2 · 96, passes | 16.2 · 96, passes |
--mk-inkon --mk-paper-sunken | body | 4.5:1 · Lc 74 | 15.2 · 92, passes | 15.2 · 92, passes | 15.5 · 96, passes | 15.5 · 96, passes |
--mk-inkon --mk-paper-sunken | body-ui | 4.5:1 · Lc 82.5 | 15.2 · 92, passes | 15.2 · 92, passes | 15.5 · 96, passes | 15.5 · 96, passes |
--mk-inkon --mk-paper-sunken | long | 7:1 · Lc 90 | 15.2 · 92, passes | 15.2 · 92, passes | 15.5 · 96, passes | 15.5 · 96, passes |
--mk-inkon --mk-paper-plate | body | 4.5:1 · Lc 74 | 18.4 · 105, passes | 18.4 · 105, passes | 15.0 · 95, passes | 15.0 · 95, passes |
--mk-inkon --mk-paper-plate | body-ui | 4.5:1 · Lc 82.5 | 18.4 · 105, passes | 18.4 · 105, passes | 15.0 · 95, passes | 15.0 · 95, passes |
--mk-inkon --mk-paper-plate | long | 7:1 · Lc 90 | 18.4 · 105, passes | 18.4 · 105, passes | 15.0 · 95, passes | 15.0 · 95, passes |
--mk-ink-displayon --mk-paper | display | 3:1 · Lc 35 | 16.5 · 97, passes | 16.5 · 97, passes | 14.8 · 90, passes | 14.8 · 90, passes |
--mk-ink-displayon --mk-paper | head-section | 3:1 · Lc 40 | 16.5 · 97, passes | 16.5 · 97, passes | 14.8 · 90, passes | 14.8 · 90, passes |
--mk-ink-displayon --mk-paper | head-card | 3:1 · Lc 45 | 16.5 · 97, passes | 16.5 · 97, passes | 14.8 · 90, passes | 14.8 · 90, passes |
--mk-ink-displayon --mk-paper-sunken | display | 3:1 · Lc 35 | 15.2 · 92, passes | 15.2 · 92, passes | 14.2 · 89, passes | 14.2 · 89, passes |
--mk-ink-displayon --mk-paper-sunken | head-section | 3:1 · Lc 40 | 15.2 · 92, passes | 15.2 · 92, passes | 14.2 · 89, passes | 14.2 · 89, passes |
--mk-ink-displayon --mk-paper-sunken | head-card | 3:1 · Lc 45 | 15.2 · 92, passes | 15.2 · 92, passes | 14.2 · 89, passes | 14.2 · 89, passes |
--mk-ink-displayon --mk-paper-plate | display | 3:1 · Lc 35 | 18.4 · 105, passes | 18.4 · 105, passes | 13.7 · 89, passes | 13.7 · 89, passes |
--mk-ink-displayon --mk-paper-plate | head-section | 3:1 · Lc 40 | 18.4 · 105, passes | 18.4 · 105, passes | 13.7 · 89, passes | 13.7 · 89, passes |
--mk-ink-displayon --mk-paper-plate | head-card | 3:1 · Lc 45 | 18.4 · 105, passes | 18.4 · 105, passes | 13.7 · 89, passes | 13.7 · 89, passes |
--mk-inkon --mk-paper | label | 4.5:1 · Lc 90 | 16.5 · 97, passes | 16.5 · 97, passes | 16.2 · 96, passes | 16.2 · 96, passes |
--mk-inkon --mk-paper-plate | label | 4.5:1 · Lc 90 | 18.4 · 105, passes | 18.4 · 105, passes | 15.0 · 95, passes | 15.0 · 95, passes |
--mk-inkon --mk-paper-sunken | label | 4.5:1 · Lc 90 | 15.2 · 92, passes | 15.2 · 92, passes | 15.5 · 96, passes | 15.5 · 96, passes |
--mk-ink-2on --mk-paper | meta | 4.5:1 · Lc 75 | 7.2 · 80, passes | 16.5 · 97, passes | 12.2 · 77, passes | 16.2 · 96, passes |
--mk-ink-2on --mk-paper-sunken | meta | 4.5:1 · Lc 75 | 6.7 · 75, passes | 15.2 · 92, passes | 11.7 · 77, passes | 15.5 · 96, passes |
--mk-ink-2on --mk-paper-plate | meta | 4.5:1 · Lc 75 | 8.1 · 88, passes | 18.4 · 105, passes | 11.3 · 77, passes | 15.0 · 95, passes |
--mk-ink-3on --mk-paper | control-sm | 4.5:1 · Lc 60 | 4.9 · 70, passes | 7.2 · 80, passes | 9.3 · 63, passes | 12.2 · 77, passes |
--mk-ink-3on --mk-paper-sunken | control-sm | 4.5:1 · Lc 60 | 4.5 · 65, passes | 6.7 · 75, passes | 8.9 · 62, passes | 11.7 · 77, passes |
--mk-ink-3on --mk-paper-plate | control-sm | 4.5:1 · Lc 60 | 5.5 · 78, passes | 8.1 · 88, passes | 8.6 · 62, passes | 11.3 · 77, passes |
--mk-ink-ruleon --mk-paper | ui | 3:1 · Lc 0 | 3.3 · 57, passes | 3.3 · 57, passes | 3.6 · 26, passes | 3.6 · 26, passes |
--mk-ink-ruleon --mk-paper-sunken | ui | 3:1 · Lc 0 | 3.0 · 51, passes | 3.0 · 51, passes | 3.5 · 25, passes | 3.5 · 25, passes |
--mk-ink-ruleon --mk-paper-plate | ui | 3:1 · Lc 0 | 3.6 · 64, passes | 3.6 · 64, passes | 3.4 · 25, passes | 3.4 · 25, passes |
--mk-ink-disabledon --mk-paper | ui | 3:1 · Lc 0 | 3.3 · 57, passes | 3.3 · 57, passes | 6.5 · 46, passes | 6.5 · 46, passes |
--mk-ink-disabledon --mk-paper-sunken | ui | 3:1 · Lc 0 | 3.0 · 51, passes | 3.0 · 51, passes | 6.3 · 46, passes | 6.3 · 46, passes |
--mk-ink-disabledon --mk-paper-plate | ui | 3:1 · Lc 0 | 3.6 · 64, passes | 3.6 · 64, passes | 6.0 · 45, passes | 6.0 · 45, passes |
--mk-on-slabon --mk-slab | label | 4.5:1 · Lc 90 | 16.5 · 99, passes | 16.5 · 99, passes | 16.2 · 95, passes | 16.2 · 95, passes |
--mk-on-slabon --mk-slab | body-ui | 4.5:1 · Lc 82.5 | 16.5 · 99, passes | 16.5 · 99, passes | 16.2 · 95, passes | 16.2 · 95, passes |
--mk-on-slabon --mk-slab | long | 7:1 · Lc 90 | 16.5 · 99, passes | 16.5 · 99, passes | 16.2 · 95, passes | 16.2 · 95, passes |
--mk-on-slab-2on --mk-slab | meta | 4.5:1 · Lc 75 | 11.5 · 75, passes | 11.5 · 75, passes | 6.3 · 75, passes | 6.3 · 75, passes |
--mk-on-slabon --mk-slab-hover | body-ui | 4.5:1 · Lc 82.5 | 17.4 · 99, passes | 17.4 · 99, passes | 17.7 · 101, passes | 17.7 · 101, passes |
--mk-ink-m-texton --mk-paper | body-ui | 4.5:1 · Lc 82.5 | 8.6 · 83, passes | 8.6 · 83, passes | 13.4 · 84, passes | 13.4 · 84, passes |
--mk-ink-m-texton --mk-paper-plate | body-ui | 4.5:1 · Lc 82.5 | 9.6 · 90, passes | 9.6 · 90, passes | 12.4 · 83, passes | 12.4 · 83, passes |
--mk-ink-a-texton --mk-paper | body-ui | 4.5:1 · Lc 82.5 | 8.1 · 83, passes | 8.1 · 83, passes | 13.4 · 84, passes | 13.4 · 84, passes |
--mk-ink-a-texton --mk-paper-plate | body-ui | 4.5:1 · Lc 82.5 | 9.0 · 90, passes | 9.0 · 90, passes | 12.4 · 83, passes | 12.4 · 83, passes |
--mk-ink-r-texton --mk-paper | body-ui | 4.5:1 · Lc 82.5 | 8.2 · 83, passes | 8.2 · 83, passes | 13.4 · 83, passes | 13.4 · 83, passes |
--mk-ink-r-texton --mk-paper-plate | body-ui | 4.5:1 · Lc 82.5 | 9.2 · 90, passes | 9.2 · 90, passes | 12.4 · 83, passes | 12.4 · 83, passes |
--mk-ink-k-texton --mk-paper | body-ui | 4.5:1 · Lc 82.5 | 16.5 · 97, passes | 16.5 · 97, passes | 16.2 · 96, passes | 16.2 · 96, passes |
--mk-ink-k-texton --mk-paper-plate | body-ui | 4.5:1 · Lc 82.5 | 18.4 · 105, passes | 18.4 · 105, passes | 15.0 · 95, passes | 15.0 · 95, passes |
--mk-ink-wood-texton --mk-paper | body-ui | 4.5:1 · Lc 82.5 | 8.0 · 83, passes | 8.0 · 83, passes | 13.4 · 83, passes | 13.4 · 83, passes |
--mk-ink-wood-texton --mk-paper-plate | body-ui | 4.5:1 · Lc 82.5 | 8.9 · 90, passes | 8.9 · 90, passes | 12.4 · 83, passes | 12.4 · 83, passes |
--mk-ink-go-texton --mk-paper | body-ui | 4.5:1 · Lc 82.5 | 8.1 · 83, passes | 8.1 · 83, passes | 13.4 · 84, passes | 13.4 · 84, passes |
--mk-ink-go-texton --mk-paper-plate | body-ui | 4.5:1 · Lc 82.5 | 9.1 · 90, passes | 9.1 · 90, passes | 12.4 · 83, passes | 12.4 · 83, passes |
--mk-ink-m-texton --mk-paper-sunken | meta | 4.5:1 · Lc 75 | 8.0 · 77, passes | 8.0 · 77, passes | 12.9 · 83, passes | 12.9 · 83, passes |
--mk-ink-a-texton --mk-paper-sunken | meta | 4.5:1 · Lc 75 | 7.5 · 77, passes | 7.5 · 77, passes | 12.8 · 83, passes | 12.8 · 83, passes |
--mk-ink-r-texton --mk-paper-sunken | meta | 4.5:1 · Lc 75 | 7.6 · 77, passes | 7.6 · 77, passes | 12.8 · 83, passes | 12.8 · 83, passes |
--mk-ink-k-texton --mk-paper-sunken | meta | 4.5:1 · Lc 75 | 15.2 · 92, passes | 15.2 · 92, passes | 15.5 · 96, passes | 15.5 · 96, passes |
--mk-ink-wood-texton --mk-paper-sunken | meta | 4.5:1 · Lc 75 | 7.3 · 77, passes | 7.3 · 77, passes | 12.8 · 83, passes | 12.8 · 83, passes |
--mk-ink-go-texton --mk-paper-sunken | meta | 4.5:1 · Lc 75 | 7.5 · 78, passes | 7.5 · 78, passes | 12.8 · 83, passes | 12.8 · 83, passes |
--mk-code-texton --mk-code-surface | code | 4.5:1 · Lc 82.5 | 18.4 · 105, passes | 18.4 · 105, passes | 15.0 · 95, passes | 15.0 · 95, passes |
--mk-code-keywordon --mk-code-surface | code | 4.5:1 · Lc 82.5 | 7.2 · 83, passes | 7.2 · 83, passes | 12.4 · 83, passes | 12.4 · 83, passes |
--mk-code-stringon --mk-code-surface | code | 4.5:1 · Lc 82.5 | 6.7 · 83, passes | 6.7 · 83, passes | 12.4 · 83, passes | 12.4 · 83, passes |
--mk-code-numberon --mk-code-surface | code | 4.5:1 · Lc 82.5 | 6.8 · 83, passes | 6.8 · 83, passes | 12.4 · 83, passes | 12.4 · 83, passes |
--mk-code-functionon --mk-code-surface | code | 4.5:1 · Lc 82.5 | 6.8 · 83, passes | 6.8 · 83, passes | 12.4 · 83, passes | 12.4 · 83, passes |
--mk-code-commenton --mk-code-surface | code | 4.5:1 · Lc 82.5 | 6.6 · 83, passes | 18.4 · 105, passes | 12.5 · 83, passes | 15.0 · 95, passes |
--mk-code-punctuationon --mk-code-surface | code | 4.5:1 · Lc 82.5 | 8.1 · 88, passes | 18.4 · 105, passes | 15.0 · 95, passes | 15.0 · 95, passes |
--mk-inkon --mk-paper-hover | body-ui | 4.5:1 · Lc 82.5 | 18.0 · 103, passes | 18.0 · 103, passes | 16.9 · 97, passes | 16.9 · 97, passes |
--mk-inkon --mk-paper-sunken-hover | body-ui | 4.5:1 · Lc 82.5 | 16.6 · 98, passes | 16.6 · 98, passes | 16.5 · 96, passes | 16.5 · 96, passes |
--mk-inkon --mk-paper-plate-hover | body-ui | 4.5:1 · Lc 82.5 | 16.9 · 99, passes | 16.9 · 99, passes | 16.0 · 96, passes | 16.0 · 96, passes |
--mk-inkon --mk-paper (white stock) | body | 4.5:1 · Lc 74 | 18.4 · 105, passes | 18.4 · 105, passes | 18.4 · 105, passes | 18.4 · 105, passes |
--mk-inkon --mk-paper (white stock) | body-ui | 4.5:1 · Lc 82.5 | 18.4 · 105, passes | 18.4 · 105, passes | 18.4 · 105, passes | 18.4 · 105, passes |
--mk-inkon --mk-paper-plate (white stock) | body | 4.5:1 · Lc 74 | 18.4 · 105, passes | 18.4 · 105, passes | 18.4 · 105, passes | 18.4 · 105, passes |
--mk-inkon --mk-paper-plate (white stock) | body-ui | 4.5:1 · Lc 82.5 | 18.4 · 105, passes | 18.4 · 105, passes | 18.4 · 105, passes | 18.4 · 105, passes |
--mk-inkon --mk-paper (newsprint stock) | body | 4.5:1 · Lc 74 | 14.7 · 90, passes | 14.7 · 90, passes | 14.7 · 90, passes | 14.7 · 90, passes |
--mk-inkon --mk-paper (newsprint stock) | body-ui | 4.5:1 · Lc 82.5 | 14.7 · 90, passes | 14.7 · 90, passes | 14.7 · 90, passes | 14.7 · 90, passes |
--mk-inkon --mk-paper-plate (newsprint stock) | body | 4.5:1 · Lc 74 | 16.9 · 99, passes | 16.9 · 99, passes | 16.9 · 99, passes | 16.9 · 99, passes |
--mk-inkon --mk-paper-plate (newsprint stock) | body-ui | 4.5:1 · Lc 82.5 | 16.9 · 99, passes | 16.9 · 99, passes | 16.9 · 99, passes | 16.9 · 99, passes |
--mk-inkon --mk-paper (pulp stock) | body | 4.5:1 · Lc 74 | 14.0 · 88, passes | 14.0 · 88, passes | 14.0 · 88, passes | 14.0 · 88, passes |
--mk-inkon --mk-paper (pulp stock) | body-ui | 4.5:1 · Lc 82.5 | 14.0 · 88, passes | 14.0 · 88, passes | 14.0 · 88, passes | 14.0 · 88, passes |
--mk-inkon --mk-paper-plate (pulp stock) | body | 4.5:1 · Lc 74 | 15.8 · 96, passes | 15.8 · 96, passes | 15.8 · 96, passes | 15.8 · 96, passes |
--mk-inkon --mk-paper-plate (pulp stock) | body-ui | 4.5:1 · Lc 82.5 | 15.8 · 96, passes | 15.8 · 96, passes | 15.8 · 96, passes | 15.8 · 96, passes |
--mk-inkon --mk-paper-sunken (white stock) | body | 4.5:1 · Lc 74 | 16.5 · 97, passes | 16.5 · 97, passes | 16.5 · 97, passes | 16.5 · 97, passes |
--mk-inkon --mk-paper-sunken (newsprint stock) | body | 4.5:1 · Lc 74 | 13.5 · 85, passes | 13.5 · 85, passes | 13.5 · 85, passes | 13.5 · 85, passes |
--mk-inkon --mk-paper-sunken (pulp stock) | body | 4.5:1 · Lc 74 | 12.6 · 82, passes | 12.6 · 82, passes | 12.6 · 82, passes | 12.6 · 82, passes |
--mk-inkon --mk-paper-sunken (white stock) | body-ui | 4.5:1 · Lc 82.5 | 16.5 · 97, passes | 16.5 · 97, passes | 16.5 · 97, passes | 16.5 · 97, passes |
--mk-inkon --mk-paper-sunken (newsprint stock) | body-ui | 4.5:1 · Lc 82.5 | 13.5 · 85, passes | 13.5 · 85, passes | 13.5 · 85, passes | 13.5 · 85, passes |
--mk-inkon --mk-paper-plate (white stock) | long | 7:1 · Lc 90 | 18.4 · 105, passes | 18.4 · 105, passes | 18.4 · 105, passes | 18.4 · 105, passes |
--mk-inkon --mk-paper-plate (white stock) | label | 4.5:1 · Lc 90 | 18.4 · 105, passes | 18.4 · 105, passes | 18.4 · 105, passes | 18.4 · 105, passes |
--mk-inkon --mk-paper-plate (newsprint stock) | long | 7:1 · Lc 90 | 16.9 · 99, passes | 16.9 · 99, passes | 16.9 · 99, passes | 16.9 · 99, passes |
--mk-inkon --mk-paper-plate (newsprint stock) | label | 4.5:1 · Lc 90 | 16.9 · 99, passes | 16.9 · 99, passes | 16.9 · 99, passes | 16.9 · 99, passes |
--mk-inkon --mk-paper-plate (pulp stock) | long | 7:1 · Lc 90 | 15.8 · 96, passes | 15.8 · 96, passes | 15.8 · 96, passes | 15.8 · 96, passes |
--mk-inkon --mk-paper-plate (pulp stock) | label | 4.5:1 · Lc 90 | 15.8 · 96, passes | 15.8 · 96, passes | 15.8 · 96, passes | 15.8 · 96, passes |
--mk-inkon --mk-paper-plate (kraft stock) | body | 4.5:1 · Lc 74 | 16.0 · 97, passes | 16.0 · 97, passes | 16.0 · 97, passes | 16.0 · 97, passes |
--mk-inkon --mk-paper-plate (kraft stock) | body-ui | 4.5:1 · Lc 82.5 | 16.0 · 97, passes | 16.0 · 97, passes | 16.0 · 97, passes | 16.0 · 97, passes |
--mk-inkon --mk-paper-plate (kraft stock) | long | 7:1 · Lc 90 | 16.0 · 97, passes | 16.0 · 97, passes | 16.0 · 97, passes | 16.0 · 97, passes |
--mk-inkon --mk-paper-plate (kraft stock) | label | 4.5:1 · Lc 90 | 16.0 · 97, passes | 16.0 · 97, passes | 16.0 · 97, passes | 16.0 · 97, passes |
--mk-ink-2on --mk-paper (white stock) | meta | 4.5:1 · Lc 75 | 8.1 · 88, passes | 18.4 · 105, passes | 8.1 · 88, passes | 18.4 · 105, passes |
--mk-ink-2on --mk-paper-sunken (white stock) | meta | 4.5:1 · Lc 75 | 7.2 · 80, passes | 16.5 · 97, passes | 7.2 · 80, passes | 16.5 · 97, passes |
--mk-ink-2on --mk-paper-plate (white stock) | meta | 4.5:1 · Lc 75 | 8.1 · 88, passes | 18.4 · 105, passes | 8.1 · 88, passes | 18.4 · 105, passes |
--mk-ink-2on --mk-paper (newsprint stock) | meta | 4.5:1 · Lc 75 | 8.7 · 80, passes | 14.7 · 90, passes | 8.7 · 80, passes | 14.7 · 90, passes |
--mk-ink-2on --mk-paper-sunken (newsprint stock) | meta | 4.5:1 · Lc 75 | 8.0 · 75, passes | 13.5 · 85, passes | 8.0 · 75, passes | 13.5 · 85, passes |
--mk-ink-2on --mk-paper-plate (newsprint stock) | meta | 4.5:1 · Lc 75 | 10.0 · 89, passes | 16.9 · 99, passes | 10.0 · 89, passes | 16.9 · 99, passes |
--mk-ink-2on --mk-paper (pulp stock) | meta | 4.5:1 · Lc 75 | 9.6 · 81, passes | 14.0 · 88, passes | 9.6 · 81, passes | 14.0 · 88, passes |
--mk-ink-2on --mk-paper-sunken (pulp stock) | meta | 4.5:1 · Lc 75 | 8.7 · 75, passes | 12.6 · 82, passes | 8.7 · 75, passes | 12.6 · 82, passes |
--mk-ink-2on --mk-paper-plate (pulp stock) | meta | 4.5:1 · Lc 75 | 10.9 · 89, passes | 15.8 · 96, passes | 10.9 · 89, passes | 15.8 · 96, passes |
--mk-ink-2on --mk-paper-plate (kraft stock) | meta | 4.5:1 · Lc 75 | 6.0 · 75, passes | 16.0 · 97, passes | 6.0 · 75, passes | 16.0 · 97, passes |
--mk-inkon --mk-paper (kraft stock) | display | 3:1 · Lc 35 | 7.5 · 56, passes | 7.5 · 56, passes | 7.5 · 56, passes | 7.5 · 56, passes |
--mk-inkon --mk-paper (kraft stock) | head-section | 3:1 · Lc 40 | 7.5 · 56, passes | 7.5 · 56, passes | 7.5 · 56, passes | 7.5 · 56, passes |
--mk-inkon --mk-paper (white stock) | label | 4.5:1 · Lc 90 | 18.4 · 105, passes | 18.4 · 105, passes | 18.4 · 105, passes | 18.4 · 105, passes |
--mk-inkon --mk-paper (white stock) | long | 7:1 · Lc 90 | 18.4 · 105, passes | 18.4 · 105, passes | 18.4 · 105, passes | 18.4 · 105, passes |
--mk-inkon --mk-paper (newsprint stock) | label | 4.5:1 · Lc 90 | 14.7 · 90, passes | 14.7 · 90, passes | 14.7 · 90, passes | 14.7 · 90, passes |
--mk-inkon --mk-paper (newsprint stock) | long | 7:1 · Lc 90 | 14.7 · 90, passes | 14.7 · 90, passes | 14.7 · 90, passes | 14.7 · 90, passes |
--mk-inkon --mk-paper (pulp stock) | label | 4.5:1 · Lc 90 | 14.0 · 88, fails | 14.0 · 88, fails | 14.0 · 88, fails | 14.0 · 88, fails |
--mk-inkon --mk-paper (pulp stock) | long | 7:1 · Lc 90 | 14.0 · 88, fails | 14.0 · 88, fails | 14.0 · 88, fails | 14.0 · 88, fails |
Keys and solid inks (22 pairs)
| Text on surface | Role | Floor | Bone | Bone, more | Night | Night, more |
|---|---|---|---|---|---|---|
--mk-on-mon --mk-ink-m-solid | control-sm | 4.5:1 · Lc 60 | 5.3 · 80, passes | 5.3 · 80, passes | 4.5 · 68, passes | 4.5 · 68, passes |
--mk-on-mon --mk-ink-m-hover | control-sm | 4.5:1 · Lc 60 | 6.1 · 83, passes | 6.1 · 83, passes | 5.1 · 71, passes | 5.1 · 71, passes |
--mk-on-aon --mk-ink-a-solid | control-sm | 4.5:1 · Lc 60 | 8.4 · 60, passes | 8.4 · 60, passes | 10.4 · 70, passes | 10.4 · 70, passes |
--mk-on-aon --mk-ink-a-hover | control-sm | 4.5:1 · Lc 60 | 9.3 · 65, passes | 9.3 · 65, passes | 11.5 · 75, passes | 11.5 · 75, passes |
--mk-on-ron --mk-ink-r-solid | control-sm | 4.5:1 · Lc 60 | 4.5 · 76, passes | 4.5 · 76, passes | 8.5 · 60, passes | 8.5 · 60, passes |
--mk-on-ron --mk-ink-r-hover | control-sm | 4.5:1 · Lc 60 | 5.1 · 80, passes | 5.1 · 80, passes | 9.6 · 65, passes | 9.6 · 65, passes |
--mk-on-kon --mk-ink-k-solid | control-sm | 4.5:1 · Lc 60 | 18.4 · 107, passes | 18.4 · 107, passes | 16.2 · 95, passes | 16.2 · 95, passes |
--mk-on-kon --mk-ink-k-hover | control-sm | 4.5:1 · Lc 60 | 19.4 · 108, passes | 19.4 · 108, passes | 17.7 · 101, passes | 17.7 · 101, passes |
--mk-on-yon --mk-ink-y-solid | control-sm | 4.5:1 · Lc 60 | 14.4 · 89, passes | 14.4 · 89, passes | 14.8 · 89, passes | 14.8 · 89, passes |
--mk-on-yon --mk-ink-y-hover | control-sm | 4.5:1 · Lc 60 | 15.8 · 95, passes | 15.8 · 95, passes | 16.2 · 95, passes | 16.2 · 95, passes |
--mk-on-woodon --mk-ink-wood-solid | control-sm | 4.5:1 · Lc 60 | 9.3 · 65, passes | 9.3 · 65, passes | 4.5 · 70, passes | 4.5 · 70, passes |
--mk-on-woodon --mk-ink-wood-hover | control-sm | 4.5:1 · Lc 60 | 10.3 · 70, passes | 10.3 · 70, passes | 5.2 · 74, passes | 5.2 · 74, passes |
--mk-on-goon --mk-ink-go-solid | control-sm | 4.5:1 · Lc 60 | 4.5 · 76, passes | 4.5 · 76, passes | 10.1 · 69, passes | 10.1 · 69, passes |
--mk-on-goon --mk-ink-go-hover | control-sm | 4.5:1 · Lc 60 | 5.2 · 80, passes | 5.2 · 80, passes | 11.2 · 74, passes | 11.2 · 74, passes |
--mk-on-leadon --mk-ink-lead-solid | control-sm | 4.5:1 · Lc 60 | 5.3 · 80, passes | 5.3 · 80, passes | 4.5 · 68, passes | 4.5 · 68, passes |
--mk-on-leadon --mk-ink-lead-hover | control-sm | 4.5:1 · Lc 60 | 6.1 · 83, passes | 6.1 · 83, passes | 5.1 · 71, passes | 5.1 · 71, passes |
--mk-on-supporton --mk-ink-support-solid | control-sm | 4.5:1 · Lc 60 | 8.4 · 60, passes | 8.4 · 60, passes | 10.4 · 70, passes | 10.4 · 70, passes |
--mk-on-supporton --mk-ink-support-hover | control-sm | 4.5:1 · Lc 60 | 9.3 · 65, passes | 9.3 · 65, passes | 11.5 · 75, passes | 11.5 · 75, passes |
--mk-on-spoton --mk-ink-spot-solid | control-sm | 4.5:1 · Lc 60 | 14.4 · 89, passes | 14.4 · 89, passes | 14.8 · 89, passes | 14.8 · 89, passes |
--mk-on-spoton --mk-ink-spot-hover | control-sm | 4.5:1 · Lc 60 | 15.8 · 95, passes | 15.8 · 95, passes | 16.2 · 95, passes | 16.2 · 95, passes |
--mk-on-actionon --mk-action | control-sm | 4.5:1 · Lc 60 | 14.4 · 89, passes | 14.4 · 89, passes | 14.8 · 89, passes | 14.8 · 89, passes |
--mk-on-actionon --mk-action-hover | control-sm | 4.5:1 · Lc 60 | 15.8 · 95, passes | 15.8 · 95, passes | 16.2 · 95, passes | 16.2 · 95, passes |
Line inks as fills (5 pairs)
| Text on surface | Role | Floor | Bone | Bone, more | Night | Night, more |
|---|---|---|---|---|---|---|
--mk-on-kon --mk-ink-k | head-card | 3:1 · Lc 45 | 18.4 · 107, passes | 18.4 · 107, passes | 16.2 · 95, passes | 16.2 · 95, passes |
--mk-on-ron --mk-ink-r | head-card | 3:1 · Lc 45 | 3.2 · 64, passes | 3.2 · 64, passes | 7.7 · 56, passes | 7.7 · 56, passes |
--mk-on-aon --mk-ink-a | head-card | 3:1 · Lc 45 | 7.7 · 56, passes | 7.7 · 56, passes | 10.4 · 70, passes | 10.4 · 70, passes |
--mk-on-mon --mk-ink-m | head-card | 3:1 · Lc 45 | 5.3 · 80, passes | 5.3 · 80, passes | 3.9 · 63, passes | 3.9 · 63, passes |
--mk-on-woodon --mk-ink-wood | head-card | 3:1 · Lc 45 | 9.3 · 65, passes | 9.3 · 65, passes | 4.0 · 67, passes | 4.0 · 67, passes |
Tints (29 pairs)
| Text on surface | Role | Floor | Bone | Bone, more | Night | Night, more |
|---|---|---|---|---|---|---|
--mk-inkon --mk-ink-m-tint | long | 7:1 · Lc 90 | 15.2 · 92, passes | 15.2 · 92, passes | 13.8 · 94, passes | 13.8 · 94, passes |
--mk-inkon --mk-ink-a-tint | long | 7:1 · Lc 90 | 15.6 · 94, passes | 15.6 · 94, passes | 13.5 · 94, passes | 13.5 · 94, passes |
--mk-inkon --mk-ink-r-tint | long | 7:1 · Lc 90 | 15.3 · 93, passes | 15.3 · 93, passes | 13.7 · 94, passes | 13.7 · 94, passes |
--mk-inkon --mk-ink-k-tint | long | 7:1 · Lc 90 | 15.4 · 93, passes | 15.4 · 93, passes | 13.6 · 94, passes | 13.6 · 94, passes |
--mk-inkon --mk-ink-y-tint | long | 7:1 · Lc 90 | 15.5 · 94, passes | 15.5 · 94, passes | 13.6 · 94, passes | 13.6 · 94, passes |
--mk-inkon --mk-ink-wood-tint | long | 7:1 · Lc 90 | 15.4 · 93, passes | 15.4 · 93, passes | 13.7 · 94, passes | 13.7 · 94, passes |
--mk-inkon --mk-ink-go-tint | long | 7:1 · Lc 90 | 15.7 · 94, passes | 15.7 · 94, passes | 13.4 · 94, passes | 13.4 · 94, passes |
--mk-ink-2on --mk-ink-m-tint | meta | 4.5:1 · Lc 75 | 6.7 · 75, passes | 15.2 · 92, passes | 10.4 · 76, passes | 13.8 · 94, passes |
--mk-ink-2on --mk-ink-a-tint | meta | 4.5:1 · Lc 75 | 6.8 · 77, passes | 15.6 · 94, passes | 10.1 · 75, passes | 13.5 · 94, passes |
--mk-ink-2on --mk-ink-r-tint | meta | 4.5:1 · Lc 75 | 6.7 · 76, passes | 15.3 · 93, passes | 10.3 · 75, passes | 13.7 · 94, passes |
--mk-ink-2on --mk-ink-k-tint | meta | 4.5:1 · Lc 75 | 6.7 · 76, passes | 15.4 · 93, passes | 10.2 · 75, passes | 13.6 · 94, passes |
--mk-ink-2on --mk-ink-y-tint | meta | 4.5:1 · Lc 75 | 6.8 · 77, passes | 15.5 · 94, passes | 10.2 · 75, passes | 13.6 · 94, passes |
--mk-ink-2on --mk-ink-wood-tint | meta | 4.5:1 · Lc 75 | 6.8 · 76, passes | 15.4 · 93, passes | 10.3 · 75, passes | 13.7 · 94, passes |
--mk-ink-2on --mk-ink-go-tint | meta | 4.5:1 · Lc 75 | 6.8 · 77, passes | 15.7 · 94, passes | 10.1 · 75, passes | 13.4 · 94, passes |
--mk-inkon --mk-ink-m-tint-hover | body | 4.5:1 · Lc 74 | 16.7 · 99, passes | 16.7 · 99, passes | 14.9 · 95, passes | 14.9 · 95, passes |
--mk-inkon --mk-ink-a-tint-hover | body | 4.5:1 · Lc 74 | 17.0 · 100, passes | 17.0 · 100, passes | 14.6 · 95, passes | 14.6 · 95, passes |
--mk-inkon --mk-ink-r-tint-hover | body | 4.5:1 · Lc 74 | 16.8 · 99, passes | 16.8 · 99, passes | 14.9 · 95, passes | 14.9 · 95, passes |
--mk-inkon --mk-ink-k-tint-hover | body | 4.5:1 · Lc 74 | 16.8 · 99, passes | 16.8 · 99, passes | 14.7 · 95, passes | 14.7 · 95, passes |
--mk-inkon --mk-ink-y-tint-hover | body | 4.5:1 · Lc 74 | 17.0 · 100, passes | 17.0 · 100, passes | 14.7 · 95, passes | 14.7 · 95, passes |
--mk-inkon --mk-ink-wood-tint-hover | body | 4.5:1 · Lc 74 | 16.9 · 99, passes | 16.9 · 99, passes | 14.8 · 95, passes | 14.8 · 95, passes |
--mk-inkon --mk-ink-go-tint-hover | body | 4.5:1 · Lc 74 | 17.1 · 100, passes | 17.1 · 100, passes | 14.5 · 95, passes | 14.5 · 95, passes |
--mk-inkon --mk-action-tint | long | 7:1 · Lc 90 | 15.5 · 94, passes | 15.5 · 94, passes | 13.6 · 94, passes | 13.6 · 94, passes |
--mk-inkon --mk-action-tint | letter-caption | 4.5:1 · Lc 74 | 15.5 · 94, passes | 15.5 · 94, passes | 13.6 · 94, passes | 13.6 · 94, passes |
--mk-ink-m-texton --mk-ink-m-tint | meta | 4.5:1 · Lc 75 | 8.0 · 77, passes | 8.0 · 77, passes | 11.4 · 82, passes | 11.4 · 82, passes |
--mk-ink-a-texton --mk-ink-a-tint | meta | 4.5:1 · Lc 75 | 7.7 · 79, passes | 7.7 · 79, passes | 11.2 · 81, passes | 11.2 · 81, passes |
--mk-ink-r-texton --mk-ink-r-tint | meta | 4.5:1 · Lc 75 | 7.6 · 78, passes | 7.6 · 78, passes | 11.3 · 81, passes | 11.3 · 81, passes |
--mk-ink-k-texton --mk-ink-k-tint | meta | 4.5:1 · Lc 75 | 15.4 · 93, passes | 15.4 · 93, passes | 13.6 · 94, passes | 13.6 · 94, passes |
--mk-ink-wood-texton --mk-ink-wood-tint | meta | 4.5:1 · Lc 75 | 7.5 · 78, passes | 7.5 · 78, passes | 11.3 · 81, passes | 11.3 · 81, passes |
--mk-ink-go-texton --mk-ink-go-tint | meta | 4.5:1 · Lc 75 | 7.7 · 79, passes | 7.7 · 79, passes | 11.1 · 82, passes | 11.1 · 82, passes |
Plates (14 pairs)
| Text on surface | Role | Floor | Bone | Bone, more | Night | Night, more |
|---|---|---|---|---|---|---|
--mk-on-m-plateon --mk-ink-m-plate | body | 4.5:1 · Lc 74 | 5.0 · 80, passes | 5.0 · 80, passes | 5.5 · 75, passes | 5.5 · 75, passes |
--mk-on-m-plateon --mk-ink-m-plate-hover | body | 4.5:1 · Lc 74 | 5.7 · 83, passes | 5.7 · 83, passes | 6.3 · 78, passes | 6.3 · 78, passes |
--mk-on-a-plateon --mk-ink-a-plate | body | 4.5:1 · Lc 74 | 11.4 · 76, passes | 11.4 · 76, passes | 11.5 · 75, passes | 11.5 · 75, passes |
--mk-on-a-plateon --mk-ink-a-plate-hover | body | 4.5:1 · Lc 74 | 12.6 · 81, passes | 12.6 · 81, passes | 12.6 · 80, passes | 12.6 · 80, passes |
--mk-on-r-plateon --mk-ink-r-plate | body | 4.5:1 · Lc 74 | 4.5 · 76, passes | 4.5 · 76, passes | 11.6 · 75, passes | 11.6 · 75, passes |
--mk-on-r-plateon --mk-ink-r-plate-hover | body | 4.5:1 · Lc 74 | 5.1 · 80, passes | 5.1 · 80, passes | 12.8 · 81, passes | 12.8 · 81, passes |
--mk-on-k-plateon --mk-ink-k-plate | body | 4.5:1 · Lc 74 | 18.4 · 107, passes | 18.4 · 107, passes | 16.2 · 95, passes | 16.2 · 95, passes |
--mk-on-k-plateon --mk-ink-k-plate-hover | body | 4.5:1 · Lc 74 | 19.4 · 108, passes | 19.4 · 108, passes | 17.7 · 101, passes | 17.7 · 101, passes |
--mk-on-y-plateon --mk-ink-y-plate | body | 4.5:1 · Lc 74 | 14.5 · 89, passes | 14.5 · 89, passes | 14.8 · 90, passes | 14.8 · 90, passes |
--mk-on-y-plateon --mk-ink-y-plate-hover | body | 4.5:1 · Lc 74 | 15.8 · 95, passes | 15.8 · 95, passes | 16.2 · 95, passes | 16.2 · 95, passes |
--mk-on-wood-plateon --mk-ink-wood-plate | body | 4.5:1 · Lc 74 | 11.3 · 75, passes | 11.3 · 75, passes | 5.4 · 75, passes | 5.4 · 75, passes |
--mk-on-wood-plateon --mk-ink-wood-plate-hover | body | 4.5:1 · Lc 74 | 12.5 · 81, passes | 12.5 · 81, passes | 6.2 · 78, passes | 6.2 · 78, passes |
--mk-on-spot-plateon --mk-ink-spot-plate | body | 4.5:1 · Lc 74 | 14.5 · 89, passes | 14.5 · 89, passes | 14.8 · 90, passes | 14.8 · 90, passes |
--mk-on-spot-plateon --mk-ink-spot-plate-hover | body | 4.5:1 · Lc 74 | 15.8 · 95, passes | 15.8 · 95, passes | 16.2 · 95, passes | 16.2 · 95, passes |
Balloons, captions and stickers (19 pairs)
| Text on surface | Role | Floor | Bone | Bone, more | Night | Night, more |
|---|---|---|---|---|---|---|
--mk-pair-balloon-paper-fgon --mk-pair-balloon-paper-bg | letter-balloon | 4.5:1 · Lc 72 | 16.5 · 97, passes | 16.5 · 97, passes | 16.2 · 96, passes | 16.2 · 96, passes |
--mk-pair-balloon-white-fgon --mk-pair-balloon-white-bg | letter-balloon | 4.5:1 · Lc 72 | 18.4 · 105, passes | 18.4 · 105, passes | 15.0 · 95, passes | 15.0 · 95, passes |
--mk-pair-balloon-caption-fgon --mk-pair-balloon-caption-bg | letter-balloon | 4.5:1 · Lc 72 | 15.5 · 94, passes | 15.5 · 94, passes | 13.6 · 94, passes | 13.6 · 94, passes |
--mk-pair-balloon-inverse-fgon --mk-pair-balloon-inverse-bg | letter-balloon | 4.5:1 · Lc 72 | 16.5 · 99, passes | 16.5 · 99, passes | 16.2 · 95, passes | 16.2 · 95, passes |
--mk-pair-balloon-spot-fgon --mk-pair-balloon-spot-bg | letter-balloon | 4.5:1 · Lc 72 | 14.5 · 89, passes | 14.5 · 89, passes | 14.8 · 90, passes | 14.8 · 90, passes |
--mk-pair-caption-narration-fgon --mk-pair-caption-narration-bg | letter-caption | 4.5:1 · Lc 74 | 15.5 · 94, passes | 15.5 · 94, passes | 13.6 · 94, passes | 13.6 · 94, passes |
--mk-pair-caption-place-fgon --mk-pair-caption-place-bg | letter-caption | 4.5:1 · Lc 74 | 16.5 · 97, passes | 16.5 · 97, passes | 16.2 · 96, passes | 16.2 · 96, passes |
--mk-pair-caption-transition-fgon --mk-pair-caption-transition-bg | letter-caption | 4.5:1 · Lc 74 | 16.5 · 99, passes | 16.5 · 99, passes | 16.2 · 95, passes | 16.2 · 95, passes |
--mk-pair-sticker-m-fgon --mk-pair-sticker-m-bg | control-sm | 4.5:1 · Lc 60 | 5.3 · 80, passes | 5.3 · 80, passes | 4.5 · 68, passes | 4.5 · 68, passes |
--mk-pair-sticker-a-fgon --mk-pair-sticker-a-bg | control-sm | 4.5:1 · Lc 60 | 8.4 · 60, passes | 8.4 · 60, passes | 10.4 · 70, passes | 10.4 · 70, passes |
--mk-pair-sticker-r-fgon --mk-pair-sticker-r-bg | control-sm | 4.5:1 · Lc 60 | 4.5 · 76, passes | 4.5 · 76, passes | 8.5 · 60, passes | 8.5 · 60, passes |
--mk-pair-sticker-k-fgon --mk-pair-sticker-k-bg | control-sm | 4.5:1 · Lc 60 | 18.4 · 107, passes | 18.4 · 107, passes | 16.2 · 95, passes | 16.2 · 95, passes |
--mk-pair-sticker-y-fgon --mk-pair-sticker-y-bg | control-sm | 4.5:1 · Lc 60 | 14.4 · 89, passes | 14.4 · 89, passes | 14.8 · 89, passes | 14.8 · 89, passes |
--mk-pair-sticker-wood-fgon --mk-pair-sticker-wood-bg | control-sm | 4.5:1 · Lc 60 | 9.3 · 65, passes | 9.3 · 65, passes | 4.5 · 70, passes | 4.5 · 70, passes |
--mk-pair-sticker-lead-fgon --mk-pair-sticker-lead-bg | control-sm | 4.5:1 · Lc 60 | 5.3 · 80, passes | 5.3 · 80, passes | 4.5 · 68, passes | 4.5 · 68, passes |
--mk-pair-sticker-support-fgon --mk-pair-sticker-support-bg | control-sm | 4.5:1 · Lc 60 | 8.4 · 60, passes | 8.4 · 60, passes | 10.4 · 70, passes | 10.4 · 70, passes |
--mk-pair-sticker-spot-fgon --mk-pair-sticker-spot-bg | control-sm | 4.5:1 · Lc 60 | 14.4 · 89, passes | 14.4 · 89, passes | 14.8 · 89, passes | 14.8 · 89, passes |
--mk-pair-sticker-ink-fgon --mk-pair-sticker-ink-bg | control-sm | 4.5:1 · Lc 60 | 16.5 · 99, passes | 16.5 · 99, passes | 16.2 · 95, passes | 16.2 · 95, passes |
--mk-pair-sticker-paper-fgon --mk-pair-sticker-paper-bg | control-sm | 4.5:1 · Lc 60 | 18.4 · 105, passes | 18.4 · 105, passes | 15.0 · 95, passes | 15.0 · 95, passes |
Other (5 pairs)
| Text on surface | Role | Floor | Bone | Bone, more | Night | Night, more |
|---|---|---|---|---|---|---|
--mk-on-control-2on --mk-control | body-ui | 4.5:1 · Lc 82.5 | 6.6 · 83, passes | 18.4 · 105, passes | 12.5 · 83, passes | 15.0 · 95, passes |
--mk-on-control-2on --mk-control (white stock) | body-ui | 4.5:1 · Lc 82.5 | 6.6 · 83, passes | 18.4 · 105, passes | 6.6 · 83, passes | 18.4 · 105, passes |
--mk-on-control-2on --mk-control (newsprint stock) | body-ui | 4.5:1 · Lc 82.5 | 7.6 · 83, passes | 16.9 · 99, passes | 7.6 · 83, passes | 16.9 · 99, passes |
--mk-on-control-2on --mk-control (pulp stock) | body-ui | 4.5:1 · Lc 82.5 | 8.2 · 83, passes | 15.8 · 96, passes | 8.2 · 83, passes | 15.8 · 96, passes |
--mk-on-control-2on --mk-control (kraft stock) | body-ui | 4.5:1 · Lc 82.5 | 8.0 · 83, passes | 16.0 · 97, passes | 8.0 · 83, passes | 16.0 · 97, passes |
Stocks#
| Stock | On screen | Where it appears | On paper |
|---|---|---|---|
| Bone | #F5F2EC | Every first visit and every light page (D-C7); documents, the card's front | a warm or natural white uncoated stock, smooth or eggshell; business cards on 130 lb cover (about 350 g/m²) or duplexed |
| White | #FFFFFF | Accent sections, plates; documents on request | a bright white coated or uncoated stock |
| Night | #141016 | The dark theme behind the toggle; the card's back; Rave | a rich black flood on the Bone stock |
| Night | #FFFFFF | white vinyl with a matte laminate |
Overprint thirds#
Where two inks print over each other they make a third colour: multiply on Bone, screen on Night. Thirds are art. They change with the paper and the volume, so they never carry a meaning and never sit under text (BB-COLOUR-13).
Budgets and caps#
Each volume has a colour budget (how much of the first screen may be saturated ink) and a chroma cap for large regions. The press check measures both on every template.
| Volume | Used for | Colour budget | Chroma cap | Ink hues | Texture | Second ink | Motion | Tilt |
|---|---|---|---|---|---|---|---|---|
| Quiet | docs, forms, legal, long-form, app work views | 10 % | 0.05 | 1 | 0 of 3 | off | calm | 0° |
| Studio | site pages, MAX//OS default | 35 % | 0.14 | 2 | 1 of 3 | display | balanced | 3° |
| Press | hero moments (up to Press), covers, campaigns, OG | 50 % | 0.18 | 4 | 2 of 3 | display-and-heads | arcade | 6° |
| Rave | 404, easter eggs, launches, posters, the dial's top | 75 % | gamut max | 7 | 3 of 3 | display-and-heads | overdrive | 12° |
Alternates and client colourways#
Acid pop, Electric cool and Jewel are alternate colourways, derived from their swatches by the same recipes, for MAX//OS and for case studies. A client colourway comes from the colourway helper: it replaces the lead, support and spot inks only. The line inks, the action ink and the mark stay the studio's (BB-COLOUR-10, BB-MARK-05).
| Colourway | On Bone | On Night |
|---|---|---|
| Process | lead#C31A9Dsupport#00B4EAspot#FFE500 | lead#DC00AAsupport#37D0FFspot#FFE500 |
| Acid pop | lead#FF2E8Bsupport#2D4BFFspot#C6FF2E | lead#FF1087support#4A73FFspot#B7EF01 |
| Electric cool | lead#1F4BFFsupport#9C74FFspot#2FD6FF | lead#4374FFsupport#8E54FFspot#0BD4FF |
| Jewel | lead#D01043support#1546C2spot#FFD3DE | lead#FF0152support#3B76FFspot#FFD3DE |
Data and code colours#
| Role | Token | Value | How it prints |
|---|---|---|---|
| Series 1 | --mk-data-accent | #C31A9D | The lead fill, solid |
| Series 2 | --mk-text | #15131A | Ink, solid |
| Series 3 | --mk-text | #15131A | Ink, halftone 50 % |
| Series 4 | --mk-text | #15131A | Ink, hatched at 45° |
| Series 5 | --mk-data-2 | #00B4EA | The support fill, solid |
| Series 6 | --mk-text | #15131A | Ink, outline only |
| Grid | --mk-data-grid | #D1CECB | The soft rule |
| Axis | --mk-data-axis | #15131A | Ink |
| Code keyword | --mk-code-keyword | #A50083 | Lead, solved to Lc 82.5 on the code surface |
| Code function | --mk-code-function | #006383 | Support |
| Code number | --mk-code-number | #A03900 | Red |
| Code string | --mk-code-string | #006A3B | Go |
Do and don't#
Do
Don't
Do
Don't
Do
Don't
Do
Don't
Files#
The colour files carry every value on this page: Adobe swatches, CSS variables, DTCG tokens and print.json.
| File | What it is | Format and size | sha256 | Built by |
|---|---|---|---|---|
makr-labs-colours.zip/brand/downloads/makr-labs-colours.zip | Colour files: Adobe swatches, CSS variables, DTCG tokens and print.json | ZIP archive, 6 KB | cee4d585878da986040b3661136df8e9142cb53f02e5db95b1d617844d4bd09c | overprint-gen brand --only colours |
Related#
- Colour and Colourways: the tokens and how the roles are derived.
- Print: the CMYK method, black and spot inks.
- The volume dial: how much colour each channel prints.