BRAND

How TapReceipt
should look.

Lime, ink, paper. Inter for nearly everything, Newsreader italic for the moments worth slowing down for, JetBrains Mono for the receipts.

WORDMARK

The one logo. Two surfaces.

We do not have a separate icon — the wordmark is the mark. It works at 12 px and at 12 m.

Download the asset pack
tapreceipt
tapreceipt
COLOR

Tokens

Ink
--ink
#0A0A0A
Ink 2
--ink-2
#1B1B1B
Paper
--paper
#F4F2EC
Paper 2
--paper-2
#ECE9E1
Accent
--accent
#B8FF3C
Good
--good
#1F8A5B
Warn
--warn
#FF6B3D
Line
--line
#E6E2D6
TYPOGRAPHY

Three fonts, one job each.

INTER
A receipt for a flat white.

UI · paragraphs · most surfaces

JETBRAINS MONO
01 · NFC HANDOFF

Eyebrows · timestamps · code

NEWSREADER
ends with a tap.

Italic accents · pull quotes

USAGE

Do, don't.

DO
  • Use the wordmark on Paper or Ink — those are the canonical surfaces.
  • Pair Accent with Ink. The lime is loud — it earns its volume by being rare.
  • Keep clear space around the wordmark equal to the height of the “t”.
  • Italicise sparingly with Newsreader for emphasis at headline scale.
DON'T
  • Place the wordmark on photographic backgrounds without a frosted plate.
  • Use Accent for body text or large flat fills.
  • Crop, rotate, recolor or stretch the wordmark.
  • Italicise body copy or button labels.