Skip to content
Start

Most of it, you can open yourself.

Our client stores come first: what each business started from, what we made, and the store as it is today. You can open every one of them. Below them are free calculators we built for recruiters, and the tools we use on our own builds.

2

Client stores live, one more on the way

01 FM · Client stores

Built with our clients, and live.

Black Marlin

[Brand, packaging, and store]

We built this one from the ground up. The name came from a boat, and we created the identity, the packaging, and the store across three product lines.

The Black Marlin storefront, on a phone

Psychedelic Foods

[Online brand and store]

Freeze-dried herbs, chiles, and mushrooms. They had packaging, photos and fonts, but no website, so we built their brand online from what they had, and the store underneath it.

The Psychedelic Foods storefront, on a phone

Wicked

[US launch]

We built the first US home for an Australian food brand with twenty years behind it, starting from a blank page.

We'll add screenshots as soon as this store opens to the public.

03 FM · Tools we use

The software behind our own builds.

We made these to do our work better. Four are public and free.

  • Umber

    Live

    A color palette tool. It suggests color combinations, lets you keep the ones you like, and shows them on real buttons and pages before you commit.

  • Kern

    Live

    A font pairing tool. We measured about 470 typefaces for how their letters are sized and shaped, so it can suggest pairs that sit well together based on those measurements rather than guesswork.

  • Nib

    Live

    A simple app for reading and writing documents in Markdown, a plain-text format a lot of people write in. It works on a Mac and in a web browser, and it can wear any of the free color themes made for VS Code, a popular code editor.

  • Gesso

    Live

    A tool for the small details of a design, like how rounded the corners are, how shadows fall, and how things move, and it keeps all of them consistent with each other.

  • Loupe

    Internal

    A browser we built to check our work. It measures the real page, like whether text is easy to read and whether anything spills off a phone screen, and it only reports what it actually measured. That matters: a check that assumes things are fine is how broken pages get launched.

  • Atelier

    Internal

    Our color and font tools, packaged so a new design follows the rules from the start instead of being checked against them afterward.

04 FM · The details

Want to see more?

We're happy to walk you through any of our client work. Just ask. Results and figures belong to our clients, so we share those only with their sign-off.

Ask about a build