Storytelling V2  ·  Capture & Keep  ·  20 Sep 2026  ·  mock-up, not live View:
A  versus  B

Which one makes it feel like a life is being discovered?

Not which is prettier. Two complete homepages over one narrative architecture: seven chapters, the same interactions, the same Capture & Keep copy word for word. Everything that differs between them is colour and treatment, so the comparison is actually about art direction.

The current design is not deleted. It is still at home.html, and the board that goes with it is at the index.

No images arrived with the brief, so both palettes are built from the written descriptions: warm cream, parchment, warm brown, terracotta, pale peach and deep chocolate for A; cream, faded rose, olive, burgundy, muted terracotta and dark plum for B. Correct the hex values against your references and both directions re-theme from one block of tokens.

Direction A

Warm / Vintage / Earthy

Paper-forward. The page behaves like something printed: a dotted print ground, photographs presented as prints with a margin and a caption, documents as soft-shadowed cards, illustrations on peach panels. Terracotta does the work green used to.

Paper
#F6EDE0

Principal page background

Parchment
#EADBC4

Alternate story chapter

Pale peach
#F5D9C0

Illustration panels

Terracotta
#9E4718

CTA, links, route, annotations

Warm brown
#8A5A38

Coastline and map detail

Chocolate
#33241B

Dark editorial chapter

Full page: v2-a.html  ·  inner site: v2-inner-a.html

Direction B

Faded Rose / Green / Burgundy

Editorial-forward. No print texture at all: the texture is colour. Chapters are blocked in blush, olive and plum, photographs are framed tight with a hairline and a ruled caption, documents are ruled index cards, and the chapter numbers are set in outline.

Cream
#F4EEE6

Principal page background

Faded rose
#E6CFCA

Alternate story chapter

Olive
#5F6B42

Dark editorial chapter (band)

Burgundy
#6E2430

CTA, links, route, chapter numbers

Muted terracotta
#B06346

Graphics only, never text

Dark plum
#2A1C21

Deepest chapter and all body text

Full page: v2-b.html  ·  inner site: v2-inner-b.html

The rest of the site, reduced

Same world, turned down.

Questions, guides and About in each direction. No sticky stages, no scroll-driven map, no fragments in motion. This is the rule the other forty-one URLs would follow, not a redesign of them.

The map

Not a pin map. One line travelling across Britain, drawn as you scroll, with the legs evenly paced so no single leg swallows the journey. Only the place being reached is labelled: seven labels beside a map of Britain collide, because half a British life happens between Manchester and Essex. Past places stay as lit dots, and the complete list sits underneath in text.

Readability was the first thing fixed. On the old pale map the country vanished into the band behind it and carried no names at all. The coastline now does the defining, the way an etched map does, and every year, place and note is set in ink on paper beside the drawing, never on top of it. A is parchment land with a warm brown coast and a terracotta route; B is olive land with a darker olive coast and a burgundy route.

What it is not: not Google Maps, not genealogy software, not a flight tracker. The arcs are about the motion of a line, not the aesthetic of an airline, and there is no aeroplane, no compass rose and no pin drop anywhere.

Illustrated places

Seven generic building types drawn as single-weight line: a terrace, a school, a mill, a high street, a station, a church, a seaside shelter. They appear in two places only: beside a map label, and in the chapter that pairs a building with a question.

Never a real address. That is the rule that keeps this from becoming somebody's actual house, and it is the same rule that got four AI images deleted from the live site. No sepia, no shading, no Victorian pastiche: contemporary architectural line.

Archive and documents

Nothing here is a scan. No fabricated newspaper, no invented letter, no handwriting, no clipping. The document cards are deliberately abstract: a label, a real sentence, and four ruled lines that read as a document without pretending to be one.

Genuine family material is a future asset, not a design device, and it needs a family's permission and a look at provenance and copyright before it goes anywhere near a production page. Historic newspaper scans in particular are not automatically free to use.

Interaction

Five, and every one carries the same idea: fragment, memory, connection, story.

1. The year travels back from 2026 to 1938 on load, inside the wordmark. 2. The route draws as you scroll and each place announces itself. 3. Blocks and photographs reveal once on entry. 4. Scattered fragments gather and fade as the finished passage rises through them. 5. The nav arrives only after the hero, so nothing sits above the lock-up.

Nothing is needed to understand the page. With reduced motion on, every element renders in its finished state, the route is drawn complete, every dot is lit and the text list carries the places. Nothing is behind an animation.

Photographs

a-conversation.jpg stays in chapter 1, where the subject is a person telling somebody something. It is not the hero any more: the wordmark is.

existing-material.jpg moved to chapter 4, beside the copy about working from what a family already has, which is where two people looking at pages actually means something.

photographs-on-a-table.jpg is one of the fragments that resolves into the passage. a-box-of-photographs.jpg sits with the finished object. amanda.jpg is in chapter 5 and on the About reduction.

All still the Pexels stand-ins already on the live site. Real photography remains the single highest-value outstanding item, and none of this changes that.

Accessibility

Both directions pass the fleet contrast gate at 0 unreadable and 0 sub-AA, on all four pages. Getting there needed real fixes, not nudged swatches: light cards inside dark chapters were inheriting the chapter's light text, and accents chosen on paper did not survive on chocolate or olive.

Accents that carry text clear 4.5:1 on every ground they sit on. Accents used only for graphics, the route and rules, sit at 3:1 or better. The map has a title and a description naming all seven places in order, and the same information is repeated as a text list.

On a phone

What goes: both sticky stages. The map stops being scroll-driven and renders complete, the side labels disappear entirely and the text list carries every place, year and note. The fragments stop being scattered and become a plain stack, and the passage is simply there.

What stays: the travelling year in the hero, the reveals, the full colour system, the illustrations and every word. Nothing is mobile-only and nothing is desktop-only in content terms.

What I would pick, and why you might not

B, on the test you actually set.

A is the safer evolution and the better-looking page in isolation. Warm, printed, generous, and it reads as the same company that owns captureandkeep.co.uk today. If the worry is that this becomes a different brand, A is the answer.

B does the job you named. Because it drops the paper texture and blocks the chapters in colour, moving from cream to blush to olive to plum genuinely feels like moving through something: each chapter announces that you have arrived somewhere new. A's chapters feel like sections of one handsome document. If the test is whether scrolling feels like a life being gradually discovered, colour doing the chaptering beats texture doing the atmosphere.

Neither is a decision. Both are one block of tokens away from becoming the other, and the palettes are built from your written description rather than the references that did not arrive.