// 01 Brand → Product → Build

Experiencematters. Allthe way down.

From your product's brand to the product itself. One team designs the identity, the interface and ships the build.

--accent: #5B7CFF
// 02 The thread

One system, from mark to product.

  1. Mark. The mark sets the tone.
  2. Type. Archivo Expanded 500 · Manrope 400/700
  3. Tokens. Decisions become tokens. Change one and the whole site follows.
  4. Components. Tokens become components. Try them.
  5. Product. Components become a product. This one works.
01 Mark
02 Type

Aa

03 Tokens
  • Accent colour
    #5B7CFF
  • --space-4 16px
  • --ease-out
04 Components
Dark mode
05 Product

Lesson 3 · Shapes

Which one is a circle?

// 04 How we work

Take one,or all three.

  1. 01Brand

    Logo, type, colour, packaging.

    We test the identity where it will actually live: an app icon, a product label, the side of a box. You leave with the files and a short guide your team can follow.

    --surfaces: screen + shelf

  2. 02Product

    Screens and the system behind them.

    We work out what people need to get done, then design every screen, including the loading, empty and error states that usually get skipped. When a project needs it, you click through a prototype before we write any code.

    --states: 4/4

  3. 03Build

    We build it too.

    The team that designs the screens also builds them, so the details make it to launch. We check speed and accessibility before calling anything done.

    --lighthouse: 100

How it's priced Branding on its own, a website on its own, or the whole thing. One-off projects or ongoing monthly support. We share pricing after a short call, once we know what you need.

Do you use AI? Yes. It takes care of research, first drafts, social content and the repetitive work, so projects move a lot faster. A person writes, designs and checks everything you see.

↑↓ move ↵ open esc close