← All work
[ CASE / SCRAN DOH ] scroll, the hero scrubs with you
Brand · content system · social · website

a brand,
built end to end

Scran Doh is a fire-cooking supper club in Cheltenham. I made the whole thing: the identity, the documentary imagery, a content system that manufactures on-brand social, and the website. One voice, top to bottom.

01 / The brand

black, white, one red.

A black-dominant, documentary world lit by fire, true-white where light or paper falls, and exactly one red per frame. The voice is lowercase and hands-on, a chef's logbook, never restaurant-corporate.

BLACK · #000000
WHITE · #FFFFFF
RED · #CE3A27
The voice

"quiet, hands-on, lived-in. name the herb, the cut, the village. warm over polished, dry humour over hype."

Scran Doh calligraphy mark
the mark · adapted from 美食 · bishoku, fine food
The mark

The mark is adapted from 美食, bishoku, Japanese for "fine food". The two characters were redrawn stroke by stroke until they carried the brand rather than the language, and the letters of "Scran Doh" are set into them as an anagram. It resolves as a single red chop-stamp: a wordmark and a symbol in one stroke.

Starting from a real word rather than an invented squiggle is what keeps it upright. The rhythm and stroke weight of 美食 are doing the structural work; the anagram is the joke underneath, there for anyone who looks long enough to find it.

02 / The hero technique

portrait, widened, then stuck to scroll.

The home hero began as a single portrait frame. I generative-expanded it into a 21:9 landscape, animated it, then locked playback to the scrollbar, so the fire and smoke advance frame by frame as you scroll. Not a loop; a film you scrub.

Portrait source
Generative-expanded to 21:9, then animated
01

Expand

Portrait frame widened into a 21:9 scene, revealing the pass, a colleague, a candle, the full grill.

02

Animate

Turned into a slow cinemagraph: only the fire, smoke and hands move; the frame holds.

03

Scrub to scroll

A sticky hero maps scroll position to video.currentTime, so you drive the footage yourself. The hero above does exactly this.

03 / The motifs

his tattoos, turned to ink.

Cam has the work on his arms. I took references of his real tattoos and traced them into white pen-and-ink stencils, a chef's knife, a script column, a "sunny side" mark. They sit on the site at screen blend on black, one per section, barely there. Brand texture that is genuinely his, not stock.

White pen-and-ink stencil of a chef's knife, traced from Cam's tattoo
White pen-and-ink stencil of a vertical column of script lettering, traced from Cam's tattoo
White pen-and-ink stencil of a "sunny side" fried-egg mark, traced from Cam's tattoo
In use

Composited with mix-blend-mode: screen on a black ground, 8–20% opacity, one motif per section. Faint enough to feel like a watermark in the paper, not a sticker on top.

04 / The imagery

documentary, not a brand shoot.

Every still reads like a moment caught between plates. Light is always named, fire, candle, a single window, and imperfection is required: smoke, oil film, char, a tattooed forearm. AI-generated, held hard to that discipline.

Cam at the fire · 21:9 still
Flame & wok · the fire's own colour, never stylised in
Dish · dark wood
Canapés · slate
Plate · blackened steel
The hardest rule

No amber, ember, orange, cream or olive, even as "warm neutrals", and no branding baked into the photograph. Outputs that drifted warm or shot in daylight were rejected, not softened.

05 / The content system

a machine for on-brand posts.

Social is not hand-made each time. I built a content operating system that lets a cheap model compose carousels from nine proven atoms, pour in content that already exists, and refine one atom at a time. One voice wraps every step; a human approval gate still holds publish.

Content-OS · the DNA and the spine
06 / The social

same voice, every format.

A real photo, the brand type layer on top, the red stamp once. A finished post, and a three-direction exploration of a single slide, the way the system offers house style, editorial band and stencil variants before a human picks.

"The reset" · finished post
One slide, three directions
07 / The website

food built around how you feel.

A full multi-page site (home, events, menus, private dining, about) on Cloudflare Pages. The scroll-scrub hero, the brush headline, the red stamp, the tattoo motifs, serif body. The brand reads instantly and never breaks.

scrandoh · home
08 / The split

what the system did, and what taste decided.

Automated / systematisedCurated by taste
The content-OS: atoms, post schema, QA rubricThe brand rules the whole thing bends to
On-brand imagery from the discipline, at volumeRejecting every warm or daylight frame that broke palette
The site's component system, tokens, scroll-scrub heroThe mark, the motifs traced from real tattoos, the headline
Honest note

The identity, content-OS and site are my own work for a real venture. The imagery is AI-generated to the brand discipline; some social uses real supplied photos with the brand type layer on top, which is the brand's own rule.