Brand guidelines · v1

ExpenseCatcher, consistently.

One idea runs through everything: you forward it, it gets caught, and it lands somewhere you already own. The look is calm, paper-and-ink bookkeeping with one confident green.

Logo

The mark is a receipt dropping into a catch: a white receipt with a torn edge, tilted as if falling, above a mint arc. The wordmark is Bricolage Grotesque Bold with “Catcher” in Catch green.

ExpenseCatcher

Give the logo clear space equal to the mark’s height on every side.

Use the mark alone (favicon, app icon, avatars) from 16px up.

Don’t recolour the mark, outline it, or put it on a busy photo.

Don’t set the wordmark in another font or all caps.

Logo kit

Every file is drawn from the same master, with the wordmark already outlined, so it looks right without the font installed. Use SVG wherever it’s accepted and PNG everywhere else.

Download everything (.zip)

Logo

Light backgrounds. Transparent PNG.

SVG PNG 400 800 1600

Logo on dark

Forest or photos with a dark, calm area.

SVG PNG 400 800 1600

Stacked logo

Square-ish spaces: posters, badges, slides.

SVG PNG 512 1024 Dark SVG Dark PNG

Icon

Rounded tile with transparent corners.

SVG PNG 64 256 512 1024 ICO

Square icon

Full-bleed, for platforms that round or circle-crop it for you.

SVG PNG 120 400 512 1024

X header 1500 × 500

PNG

LinkedIn cover 1128 × 191

PNG

Share card 1200 × 630

PNG

X, LinkedIn, Facebook, Instagram profile photoSquare icon, PNG 400

Google sign-in consent screenSquare icon, PNG 120

App directories, Product Hunt, marketplacesSquare icon, PNG 1024 + Logo, PNG 1600

Email headerLogo, PNG 400, shown at 200px wide

Slides, docs, pressLogo SVG (dark version on dark slides)

X header · LinkedIn company coverX header / LinkedIn cover PNG

Colour

Mostly paper and ink. Green is for action — one primary button per view. Mint lives only on Forest. Marker yellow is the highlighter: one word in a headline, or the newest row in a table.

#0B7A55

Catch green catch-600

Primary actions, the mark, links

#0C2A22

Forest forest

Dark sections, footer, social cards

#10221D

Ink ink-900

Headlines and body text

#7CF5C0

Mint mint

Highlights on dark only — never on white

#F7F5EF

Receipt paper paper

Page background, quiet surfaces

#FFD66B

Marker marker

One highlighted word or row per view

catch-50

catch-100

catch-200

catch-300

catch-400

catch-500

catch-600

catch-700

catch-800

catch-900

ink-50

ink-100

ink-200

ink-300

ink-400

ink-500

ink-600

ink-700

ink-800

ink-900

Type

Display · Bricolage Grotesque

Every receipt, caught.

Headlines and section titles. Bold–ExtraBold, tight tracking (−3%).

Text · Inter

Forward receipts to your catch address. They land in your Drive, named and logged.

Body, UI labels and buttons. Regular for text, SemiBold for buttons.

Data · JetBrains Mono

€33.83
NW-2291
acme-…@inbox

Amounts, invoice numbers and addresses — anything you’d read off a receipt.

Voice

Plain, specific and calm — a good bookkeeper, not a hype machine.

Say what happened: “Saved to Acme invoices / 2026-10. Row 42 in Expenses.”

Vague success: “Awesome! Your receipt was processed successfully! 🎉”

Always “your Drive”, “your sheet” — ownership is the promise.

“Our platform stores your documents.”

Use the catch metaphor for names: catcher, catch, catch address.

Fishing puns. “Reel in your receipts”, “Hook, line and spreadsheet”.

Explain permissions honestly: “only files ExpenseCatcher creates or you pick”.

Hide limits. Say “5 catches a month” up front.

Words we use

Catcher: One automation: a name, its own forwarding address, and a chain of steps. Capitalise only at the start of a sentence.
Catch: One forwarded email processed by a catcher. Plans are counted in catches.
Catch address: A catcher’s forwarding address, e.g. acme-invoices-k7q2m9xw4r@inbox.expensecatcher.com.
Step: One thing a catcher does: save to Drive, log to Sheet, filter, forward, notify, webhook.

Interface

Primary actionSecondaryGhostDarkCaughtPartly doneFailed

Corners: 12px controls, 16px cards, 24px feature panels. Borders over shadows; shadows only to lift something off the page.