Skip to content

02 · Services · Back to Services

Brand packs

Three brands built as one system each, from the mark to the site to the posts. Then how the Duracell Energy house was made, stage by stage.

Scran Doh

A chef-led dining brand, built from hand-made posts and Cam's tattoos into a site and a feed.

Scran Doh · chef-led dining
Brand
The hand-made posts that started the brand and the site
Web
Scran Doh live website hero scroll
Hero scroll, live site
Social
Scran Doh Instagram carousel cover: food built around how you feel
Carousel, published on Instagram
Formats
Cam's tattoos as the mark system
Marks · from the brand carousel
The mark's origin: the characters 美食, bishoku, Japanese for fine food; then the red Scran Doh stamp; then the same shapes cut in white, one of seven cuts. Caption: a real word, redrawn until it carried the brand and not the language.

美食, bishoku, fine food, redrawn with the letters of Scran Doh hidden in it as an anagram.

Colour
  • Black#000000
  • Off-black#050505
  • White#FFFFFF
  • Red#CE3A27
  • Deep red#A02800

Black-led, true white, and one red a frame at most.

Type

food built around how you feel

Lost in South · display, hand-lettered

A considered, intentional approach to real food.

EB Garamond · the reading voice

Enquire about a seat

Bungee · labels and buttons

From the homepage · tattoo-flash glyphs, traced from Cam's pen and ink

French techniqueThe knife
FlavourThe mortar and pestle
Fire, used with intentionThe flame over the grill

From the homepage · a quiet purpose

To help people feel better, physically, mentally and emotionally, through exceptional food, thoughtful hospitality, nature and meaningful human connection.

From the menus · ten foraged herbs, drawn white on black

Bay
Shiso
Sorrel
Sweet cicely
Three-cornered leek
Wild fennel
Wild garlic
Wild thyme
Wood sorrel
Yarrow

Matt Smith-Wood · from his homepage

Through the door.

The arch opens as you scroll: his own device, built from the Lisbon flat's archway

Matt Smith-Wood

Interior designer, Cheltenham. His site is built from his own devices: the arch, the pen and the board.

Marks
Matt Smith-Wood monogram
Matt Smith-Wood signature
Colour
  • Backdrop#E0DFDD
  • Paper#F6F3EE
  • Black#0F0F0F
  • Brick#A4402C
  • Terracotta#C57A56
  • Brass#A98545
Type

Walk through it.

Archivo 800 · display, tight

Interiors designed for how you actually live. Montserrat carries the reading.

Montserrat 400 · body

From his homepage · the guest bedroom, Lisbon

From a pen to a room.

Matt's pen sketch of the guest bedroom: colour across the upper wall, ribbed panelling below, two pictures above the bed The same room visualised: ochre above dark panelling, the same two pictures and green lamps The finished room seen in its round mirror: the two panels on the ochre wall, the fluted panelling and the green lamp
  1. 01 · Drawn

    It starts in pen, with the reason written underneath.

  2. 02 · Visualised

    Then built once, where mistakes are still free.

  3. 03 · Built

    And then it is a room you can sleep in.

From the Lisbon page · what it is made of

Ochre, oak, plaster and brass. One warm metal, used once a room.

Two framed woven textile pieces on a pale wall, above herringbone oak and an ochre chair
The room's own colours laid flat, with the furniture standing on them

The contact page

Contact page, live: press gets the red carpet, a project gets the Lisbon room
Web and social
Brand
The Lisbon kitchen seen through its rounded oak arch, lamp-lit
Lisbon, the kitchen through its oak arch, photographed on location
Web
Lisbon, the first project page on his site
Social
Launch carousel: the Interior Design Masters page

The Sauna Co. · garden saunas Client

The brand pack

Six sheets for the client to approve: the mark, colour, type, merch, the website and the first carousel. Everything that follows is built from them, including the site hero below.

Sheet 01 · The mark

One mark, in Peat

Stacked lockup, Peat on off-white
Primary, Peat on off-white
Stacked lockup reversed out of Peat
Reversed, Stone out of Peat
The host on its own
The host alone, once the name is known
Horizontal lockup in Peat
Horizontal, for signs, headers and anywhere wide

Sheet 02 · Colour

Peat, paper and one teal

  • Peat#243F3A

    The dark ground and the ink. Headlines, the drawn line, the button.

  • Off-white#FEFEFB

    The page. Most of every screen.

  • Stone#ECE9DE

    The second field: sheets, cards, the studio.

  • Sand#AB9F75

    Rules and small labels on Peat.

  • Teal#71AD9A

    Selection and wayfinding. Never body text.

  • Dim#466A64

    Secondary text on the light fields.

Sheet 03 · Type

Hot
Cold
Rest

Display and body
Readex Pro 400 · 500 · 600
Wordmark
Readex Pro 600, capitals, +0.075 em
Labels
JetBrains Mono, capitals, 12 px floor
Rule
One headline per frame

Sheet 04 · Merch

The host, carried across goods

Felt sauna hat, cream boiled wool, the host embroidered
Felt sauna hat
Souvenir jacket with the host in the hot spring embroidered
Souvenir jacket
Chore jacket, the mark on the pocket
Chore jacket
Hot, cold, rest tee: three hosts across the back
Hot · Cold · Rest tee
Adult and child felt hats on the bench
Adult and child
Skate deck with the host at full height
Skate deck
Enamel mug, rubber patch and key tag
Mug and patches
Felt and chenille back patch across the shoulders
The back patch
Cream cotton cap with the mark on the front panel
Cap

Concept mockups, not produced goods

Sheet 05 · The website

One drawing set, walked through

The site opening: pencil construction lines on a blank sheet
The opening: construction lines on a blank sheet
The finished sauna in colour, stamped as a concept
The finished sauna, stamped as a concept
Your garden: the Peat sheet with five generated styles, each badged
Your garden: five generated styles, each badged
Describe your garden: a pencil sketch beside a plain text box
Describe your garden, and the studio designs from it

Sheet 06 · The carousel

Ten frames, one story

No finished-build photos: none exist yet, and the carousel says so

Sheet 05, in motion

Sketch to polished

The new site hero, one scroll: a blank sheet inks itself into a garden, the sauna is set out, framed, clad and glazed, turned to colour, then on into a photograph. Not yet live. The first sauna is under construction; the build shown is an illustration.

  1. 05.01

    Design

    It starts with a few plain words. The studio turns them into a concept for your garden.

    Design · an interior designer

  2. 05.02

    Survey

    A construction professional checks siting, groundworks, drainage and electrics in person, before anything is committed.

    Survey · in person

  3. 05.03

    Build

    Groundworks, frame, cladding and electrics, by one team.

    Build · one construction team

  4. 05.04

    Timber and glass

    Proportions, materials and light, drawn for your plot.

    Materials we draw with

    • Cedar
    • Charred larch
    • Glass
    • Steel
  5. 05.05

    Hot

    80–90°C. Stay until you want to leave.

  6. 05.06

    Cold

    The plunge, if you want one.

  7. 05.07

    Rest

    Somewhere to sit afterwards.

  8. End of sheet 05

    That was one garden, drawn

    Yours starts with a few plain words.

Duracell Energy concept pitch

How it's made

One house, eight stages. The 3D holds the world still; the models paint on top of it.

Grey 3D model of the house at the start of the camera move

01Grey model

The geometry and the camera are right before anything is pretty.

The same house model with materials applied

02Materials

Materials on the same model.

The house frame finished by an image model

03Image model

The same frame finished by an image model, so the mesh never has to be photoreal up close.

Generated film frame of the house

04Video model

The same frames moved by a video model.

Duracell Energy house film playing in a web experience

05Web experience

Played back in the browser against scroll. You decide how fast the day runs.

Overhead camera move entering the web experience

06Overhead into the web

One crane move from the street to overhead, straight into the page.

Copper energy line running through the Duracell Energy page

07Copper line

One copper line carries the energy through the range and the page.

Duracell battery opened into its component partsDuracell battery in a black studio product film

08Product films

The same model, opened and filmed in a black studio.

01Grey model

The geometry and the camera are right before anything is pretty.

Grey 3D model of the house moving through a fixed camera path

02Materials

Materials on the same model.

The same house and camera path with materials applied

03Image model

The same frame finished by an image model, so the mesh never has to be photoreal up close.

The same house frame finished by an image model

04Video model

The same frames moved by a video model.

05Web experience

Played back in the browser against scroll. You decide how fast the day runs.

06Overhead into the web

One crane move from the street to overhead, straight into the page.

07Copper line

One copper line carries the energy through the range and the page.

08Product films

The same model, filmed in a black studio.

05 · The ask

Launching something?

Book a call