Industrial spec-sheet × jester mi-parti. Everything is drawn like a numbered engineering document on bone paper, then cut through with harlequin pink, marigold and teal.
The five rules
RulesRL-BRAND-001
- Ink on bone. #1D1A17 on #F6F1E7. Never black on white.
- Accents rotate. Pink → marigold → teal, in order, forever.
- Radius 0. Everywhere. Only the logo has curves.
- No blur. Depth is a hard 4px 4px 0 offset, never a soft shadow.
- One font. JetBrains Mono, 400 / 700 / 800.
Why it holds together
The tension between a plain printed document and three loud accents is the brand.
Lose the ink-on-bone base and it becomes a children's toy. Lose the accents and it
becomes a tax form. Neither half works alone.
Colour
Base — ink & paper
Accents — the mi-parti three
Equal citizens. Rotate them across repeated elements; never pick a favourite.
Bone on pink
Ink on marigold
Bone on teal
Accents, deep — when a fill carries a sentence
Body copy sits here safely.
Body copy sits here safely.
Body copy sits here safely.
The rule that gets broken
Bone on bright pink is 3.16:1; bone on bright teal is 2.27:1. Both are
brand-correct and both fail WCAG AA for body text. They are legal on chips, spec
headers, section bars and large uppercase display — and nowhere else. On bone pages,
marigold (1.90:1) and teal (2.27:1) cannot be text at all; use the deep variants.
Downloads
riposte.ase — Adobe / Affinity / Sketch
riposte.gpl — GIMP / Inkscape / Krita
riposte.csv — every notation
.sketchpalette
riposte.json
tokens.json
riposte-brand.css
Type
JetBrains Mono, weights 400 / 700 / 800. SIL Open Font License — free to install, embed and upload to Canva or Figma.
There is no second family. Hierarchy comes from size, weight, case and tracking. Headings are uppercase, prose is sentence case, and tracking widens as type shrinks.
displayParry
h1 · .03emRiposte
h2 · .03emThe counter-attack
h3 · .03emLocal loop
lead · 700Discarded plastic becomes injection-moulded goods.
body · 400A disposable vape is, functionally, a lithium cell wrapped in plastic and marketed as trash. Each holds a 14.46 Wh cell measuring 45 × 13 mm.
nav · .08emProcess · Recycling 101
label · .1emDOC NO. RL-200-A
tag · .14em// the counter-attack
spec · .16emSPEC / HEX UNIT
kicker · .3emRiposte Laboratories
wordmark · .55emLaboratories Inc.
Spacing
Nine steps. Memorise three: 16px default, 34px under every section head and every grid gap, 64px section padding.
--space-14pxChip padding, tight glyph gaps
--space-28pxInline gaps, list items
--space-312pxButton vertical padding
--space-416pxDefault. Card padding, paragraph spacing
--space-524pxButton horizontal padding
--space-634pxUnder every section head. Every grid gap.
--space-748pxBetween major blocks in a section
--space-864pxSection padding, subpages
--space-972pxSection padding, homepage
Containersviewport-capped
- --container min(1060px, 92vw) — standard section
- --container-wide min(1160px, 94vw) — two-rail layouts
- --container-prose min(900px, 92vw) — single column
- --measure 66ch — body copy max width
Rules & barsdrawn, not lit
- 2px solid — structural borders, everywhere
- 1px dashed — row dividers
- 6px accent — card and step top bars
- 8px accent — note and pull-quote spines
- No hairlines. Radius 0.
