← All workBrandDemonstration

Marrowfield brand system

A 15-spread brand book for a fictional craft coffee roaster, built in a warm register a long way from our own.

Marrowfield brand system · Demonstration
The brief

Marrowfield is a fictional small-batch coffee roaster, invented to prove range. Our own identity is cool and editorial: paper, ink, emerald. The brief was to travel as far from that as the warm wheel allows and still ship a complete, usable system across fifteen spreads: logo construction, palette, typography, layout, and voice.

The approach
  • The mark is a coded SVG coffee cherry, two mirrored arcs around a vertical seam, documented on a 12-unit construction grid with clearspace rules, three colorways, and an eight-cell misuse panel.
  • The palette is the roast in five tones: terracotta clay, ember, deep espresso, oat cream, and dried sage. Each tone carries a five-step ramp, and a WCAG 2.2 table sets which pairings pass contrast.
  • Type pairs Fraunces display with Newsreader text and IBM Plex Mono for spec data, all open-licensed and named in the colophon, on a 1.32 modular scale.
  • A 12-column grid spec lands in three applied layouts: a menu card, an espresso social tile, and a web hero.
The result
  • Fifteen spreads of coded craft, rendered from one HTML source to a vector PDF and the gallery pages you see here. No generated imagery anywhere in the book.
  • Every spread footer carries the demonstration line: fictional business, no real client. The method is the real deliverable, and it runs the same way on a brand that exists.
The artifact

See the real thing

Every page below is the real render. Click any spread to view it full size.

Want this caliber on your brand?

Book a call and we'll walk you through how a piece like this gets made, and what it looks like pointed at your business.

Book a strategy call