Brand system
Tada, the Showman.
The proud emcee of your work — he lives for the reveal, gestures at what YOU shipped, says “ta-da,” then steps aside so the work can speak.
Logo
The mark
One creature, three fidelities. The mark is RIVET's head alone — the body, weathering and serial live only in illustration, because every one of those details turns to mud below 32px. The screen is a hole, not a second fill, so the mark is one colour and the background shows through it as the lit screen.
The mark
The lockup · mark + wordmark
96px
48px
32px
24px
16px
The 16px row decides. Counters open, antenna separate, glyph still a shape.
Ink on light
White on ink
Disc knockout · avatar
Play — shipping
The resting, watching face — and the one the mascot wears. This is the identity.
Play — the mascot's face
Reserved for where something is actually proven: verified badges, the publish moment.
Wordmark
The mark
Cabinet Grotesk 800 · the mint period is the ta-da
Typography
The type scale
Display is Cabinet Grotesk — its squared chunk rhymes with the mascot's voxel blocks. Body is Satoshi. Tracking is set by case: big display goes negative, body stays at zero, small all-caps goes positive.
Hero H1 · Cabinet Grotesk 700 · text-5xl/6xl · −0.03em
Section H2 · Cabinet Grotesk 700 · text-3xl/4xl · −0.025em
Card H3 · Cabinet Grotesk 700 · text-xl · −0.02em
Lead / Body · Satoshi 400 · text-base/lg · leading-relaxed
Small · Satoshi 500 · text-sm
Card kicker · Satoshi 700 · ALL-CAPS · text-xs · +0.10em
Price / count · Cabinet Grotesk 700 · tabular-nums · −0.02em
Colour
Candy, ink & the pastel fields
candy — the loud object
outline · doodle default
teal-600 / mint — theme-aware
field-mint · the house stage
field-mint-deep · hero/CTA beats
The field pastels sit about 4× below mint's saturation — a deliberate gap. That quiet stage is exactly what keeps the mint sticker reading as the loud, pressable object on top. If a field ever got close to mint's chroma, the candy would stop popping.
Doodles
The hand
Monoline, round-capped, slightly wobbled — the mark of a person behind the polished sticker. One doodle per section, on the exact word it punctuates.
Ta-da burst — the reveal sparkle (mint)
The signature mark. One per page, on the reveal moment (a finished demo, the hero).
Hand-drawn underline (ink)
Under one headline word to emphasise it.
Circle a word (ink)
Lasso a word or a UI element to call it out.
Pointing arrow (ink)
Point from copy toward a demo or the CTA.
In context
How it composes
The composition template
Ship the proof, not just the feature.
Most sections stay on plain surface — a pastel field marks a beat. The mint button is the one loud, pressable object on the quiet stage.
Mascot
The creature
Today he's a mint voxel head — glasses, a CRT antenna, a play triangle.
The full Showman — a voxel body with two arms and blocky hands, plus a pose sprite sheet (reveal, presenting, thinking, bowing) — is a queued art job. Until it lands, this flat sticker stands in everywhere.