← index

Content

Blog, editorial layouts, carousels, video

18 blocks
( filter blocks )
01BlogGridJournal grid with display header, view-all link and 3-col article cards with hover-zoom media.
02BlogListEditorialEditorial article index: hairline rows with mono date, display title, category pill and shifting arrow.
03ArticleHeroArticle opener: centered category pill and date, animated display headline, author row and 21:9 parallax cover.
essayjune 2026

Mara Ellison
Mara Ellison8 min read
05SplitImageText50/50 editorial spread: sticky portrait media beside long-form copy with an accent-ruled pull-quote.

( approach )

Every project starts long before the first artboard. We spend the opening weeks reading, interviewing and sitting with the material until the story underneath the brief becomes obvious.

Only then does form enter the room. Type is chosen the way a director casts actors — for temperament, not fashion. Grids are drawn loose enough to breathe and tight enough to argue with.

clarity is a feature — everything else is negotiable.

studio principle no. 3

The result is work that feels inevitable rather than decorated: pages you can read twice, identities that survive their launch week, systems the client can actually keep alive.

06OverlapImageTextCollage layout: large parallax image with an elevated text card overlapping via negative margins.

( feature )

the print issue, revisited

We rebuilt our annual print publication as a living digital object — same typography, same pacing, none of the paper cuts. A study in translating tactility to the scroll.

read the case study
07VideoFeatureCinematic video section: full-width frame scaling in on scroll with a magnetic accent play button.

( showreel )

twelve months of work, three minutes of film
08ColumnsEditorialNewspaper-style multi-column text with a display drop cap and mono footnote row.

( notes on craft )

There is a particular pleasure in reading a well-set column of text — the eye falls down the measure without effort, the line breaks feel intentional, and the page seems to slow the reader down on purpose. Most of the web has forgotten this. We have not.

Multi-column composition is not nostalgia; it is economics of attention. Narrow measures read faster, dense pages feel curated rather than crowded, and the whitespace between columns does the quiet work that borders and boxes used to shout about.

The rules are old and unglamorous: forty-five to seventy-five characters per line, a baseline that repeats, one typeface doing the talking and another doing the labelling. Break them knowingly or not at all.

What changes on screen is behaviour, not principle. Columns collapse gracefully, drop caps become touch targets, footnotes migrate to the margin. The craft survives the medium — it always has.

09CapabilitiesIndexIndex rows with mono numbering, outlined display titles that fill with accent on hover, and mono tags.
11EventsCalendarListUpcoming events list: big date squares with day numeral and month abbrev, event title, time row and a per-event book link.

( what’s on )

Upcoming events

wine & cheese evening with the sommelier

19:00 — 22:00

book

live jazz trio on the summer terrace

20:00 — 23:00

book

chef’s table: a six-course tasting menu

18:30 — 21:30

book

sunday brunch with the pastry kitchen

11:00 — 15:00

book
12RecipeStoryRecipe / how-to feature: warm serif header, photo beside a mono ingredients list, and three numbered editorial method steps.

( from our kitchen )

How we make the margherita

Three ingredients, one fire, and no shortcuts — the dish that built this place, exactly as we make it every evening.

( ingredients )

400 g san marzano tomatoes

250 g fresh mozzarella

a handful of basil leaves

2 tbsp olive oil, cold-pressed

sea salt & cracked pepper

our sourdough base, 48 h proof

( method )

01

the base

We stretch the 48-hour dough by hand — never rolled — so the crust keeps its air and character.

02

the sauce

Tomatoes are crushed raw with salt and nothing else. The oven does the cooking, not the pot.

03

the fire

Ninety seconds at 450 degrees. The mozzarella just melts, the basil goes on after — always after.

14VideoStoryWarmWarm video feature: 16/9 poster with circular play overlay and duration chip, closed by a centered serif caption.

( our story )

A day behind the counter

Shot over one ordinary Tuesday — the ovens at six, the regulars at eight, and everything we do between.

15TipsColumnsSeasonal tips in three quiet columns: mono season labels in parens, short tip title and two lines of plain advice.

( good to know )

Advice for every season

( winter )

book the quiet weeks

January and February are our calmest months — same care, shorter waits, and the best time for bigger jobs.

( spring )

plan ahead of the rush

Everyone calls in April. Get on the schedule in March and your project starts exactly when you want it.

( summer )

mind the heat

Early-morning slots go first for a reason. Ask us about them — the work is faster and the results hold longer.

16SkeuoBookShelfSkeuomorphic guide shelf: thick booklet covers with spine edges, embossed title plates and roman-numeral chapters, resting on a patterned band.
17EventTileGridChronological event archive grouped by year divider rows: photo tiles with mono date chips, partner labels and hover arrow.
18PillarAccordionThree-pillar accordion: numbered display row titles behind hairlines, rotating chevrons, panels opening to copy, a ghost link and a thumbnail.

( pillars )

Every asset we build ships with its digital twin: live telemetry, remote commissioning, and a paper trail that audits itself.

Learn more
Digitalization

Designed for second life from the first sketch — recyclable enclosures, repairable modules, and a take-back program in writing.

Learn more
Sustainability

Type-tested to the standards of every market we enter, with third-party reports published before the first unit ships.

Learn more
Certification