All projects

Brand and UI

Fieldnote Brand System

A compact identity and UI kit for a coffee subscription start-up, from the logo mark to the checkout screens.

Client

Fieldnote Coffee

Year

2025

Role

Brand identity and UI kit

Stack

Figma, variable fonts, design tokens

Fieldnote Brand System

The project

From the first question to the shipped result

Every case study follows the same three steps: the problem in the client's words, what I did about it, and what changed after launch.

01

The challenge

The founders had a strong product and no visual language. Their app, packaging and website each looked like a different company.

02

The approach

We started with words, not shapes: five sentences the brand should feel like. From there I built a mark, a colour set and a type scale, then translated them into Figma components and design tokens the developers could use directly.

03

The results

One shared kit now covers the app, the website and printed inserts. New screens are designed in hours instead of days (template figures).

Details

What was built

The system

A rounded wordmark, two greens, one warm neutral and a type scale with six steps. Everything else grows from those pieces.

  • 120 Figma components with variants
  • Design tokens exported to JSON
  • Packaging and social templates

More work

Other projects you might like

Two project slots open for early 2027

Have a project in mind? Let's make it the best thing you ship this year.

Tell me what you are building. You get a reply within two working days and a clear proposal soon after.

Leo Marlow in a white t-shirt, hand in his hair