Find a screen you want. Copy it, or just the parts you need.
Pick a screen, a design system, or a single component, then copy it to your agent.
New here? Press Take the tour — it drives the real UI.
Filter by system and category, then scan the miniatures.
Copy design for the whole screen, or open it and pick modules.
Paste to your agent. The block names the theme it needs.
System
Category
From H. Vestergaard, BergenTo K. Oyelaran11 June 2026 · 09:14Ref KO-2026-114
The plate you asked about
I found it. It is not the 1974 sheet at all — it is a duplicate that went to Bergen in 1988 and was never accessioned properly. The label is in Ferreira's hand.
From Kilcarn SocietyTo Members09 June 2026 · 17:02Ref KS-2026-041
June bulletin, and a correction
The date of the summer meeting in last month's bulletin was wrong. It is the 27th, not the 17th, and the venue is unchanged.
From The BinderyTo K. Oyelaran04 June 2026 · 11:40Ref TB-4417
Your two volumes are ready
Quarter-bound in the green you chose, with the original boards retained. Collection any weekday before five.
Airmail DeskApp ShellClaude Opus 5#airmail-desk-post
The Post
A correspondence inbox where every item is an envelope panel with its address block in the corner, so sender, recipient and date are read before the subject.
Structure A 220px ruled rail beside a single column of 1.62:1 envelope panels; the top panel carries the airmail stripe down its left edge.
From H. Vestergaard, Universitetet i BergenTo K. Oyelaran, Kilcarn Herbarium11 June 2026 · 09:14Ref KO-2026-114
The plate you asked about
Dear Kemi,
I found it, and it is not what either of us thought. The sheet in our cabinet is not the 1974 Glen Affric collection at all. It is a duplicate that came to Bergen in 1988 as part of the Ferreira exchange, and it was never properly accessioned — it has a Bergen number written in pencil on the reverse and nothing else.
The determination label is in Ferreira's hand, which explains the 1988 date you could not account for. He must have determined both sheets at the same time and sent one on.
I am photographing it this week and will send images rather than the sheet itself, unless you would rather have it back, in which case it is plainly yours and I will arrange the courier.
With warm regards, Hanne
P.S.The pencil number is BG.11402, if that is useful for your side of the reconciliation.
Airmail DeskEditorialClaude Opus 5#airmail-desk-letter
Letter View
A single letter set as correspondence, with the thread it belongs to shown as a stack of address blocks rather than as collapsed quoted text.
Structure A 62ch letter column with the address block as its masthead, and a 260px thread margin listing every previous exchange by its four address lines.
Write
Draft saved 09:41Stamp
Before sending
Airmail DeskSettings & FormsClaude Opus 5#airmail-desk-compose
Compose
A composer where the address block is filled in as a form and rendered as an actual address block above the body, so the letter is seen as it will arrive.
Structure An envelope-proportioned composer: address fields in the upper left, stamp square upper right, and the body filling the lower two-thirds.
From The Kilcarn SocietyTo K. OyelaranReference KS-2026-041
The Summer Meeting
Saturday 27 June · 14:00 · Kilcarn Hall
A talk on the Ferreira exchange, followed by tea and the annual argument about the accession backlog. Members may bring one guest without notice.
Please reply by the 20th.
Your reply
Airmail DeskAuth & OnboardingClaude Opus 5#airmail-desk-invite
Invitation
An invitation acceptance screen presented as a physical card, where the reply form is on the reverse rather than in a modal.
Structure A centred envelope panel with the airmail stripe on all four edges, the invitation on the face and the reply fields beneath a perforation-weight rule.
From The Kilcarn SocietyTo Members09 June 2026Ref KS-2026-041
June bulletin, and a correction
The date of the summer meeting given in last month's bulletin was wrong. It is the 27th, not the 17th. The venue is unchanged and nobody has yet turned up on the wrong day, which we are treating as luck rather than evidence.
Three things this month. The Ferreira exchange records have been digitised and are on the site. The bindery has finished the two volumes damaged in the January flood. And the accession backlog stands at 1,047 sheets, which is nine fewer than in May, which is not a trend.
— The committee
Every issue since 2019
Ref KS-2026-041 · 09 June 2026June bulletin, and a correction
Ref KS-2026-038 · 12 May 2026May bulletin
Ref KS-2026-034 · 14 Apr 2026April bulletin, and the flood volumes
Ref KS-2026-029 · 10 Mar 2026March bulletin
Ref KS-2026-024 · 11 Feb 2026February bulletin, and the AGM notice
What we do when we get it wrong
Corrections go at the top of the next bulletin, in the same size as everything else, with the original error stated in full. We do not silently edit the archive and we do not send a second email to a subset of people. Every issue you can see below is the issue as it was sent.
Airmail DeskMarketingClaude Opus 5#airmail-desk-bulletin
Bulletin Page
A newsletter landing page that shows a real past issue in full rather than describing what subscribers get, and puts the correction policy above the sign-up.
Structure A wide envelope panel holding a complete sample issue, then a plain archive list, and a sign-up row with no card around it.
Correspondence
From H. Vestergaard11 June 2026 · Ref KO-2026-114
The plate you asked about
To H. Vestergaard02 June 2026 · Ref KO-2026-109
A question about HB.09112
From H. Vestergaard19 April 2026 · Ref KO-2026-088
Bergen duplicates, a question
To H. Vestergaard11 April 2026 · Ref KO-2026-084
Ferreira exchange records
From H. Vestergaard28 February 2026 · Ref KO-2026-061
Loan request, three sheets
Airmail DeskProfile & SocialClaude Opus 5#airmail-desk-correspondent
Correspondent
A contact page built from the correspondence itself — how long you have written to each other and who wrote last — rather than from a profile they filled in.
Structure A small envelope card of identity facts beside a chronological exchange list where each entry is a two-line address block and a subject.
From Airmail DeskTo anyone who still writes letters2026
Correspondence, not messaging
A tool for exchanges that take days rather than seconds. Every item has a from, a to, a date and a reference, and there is no typing indicator anywhere in it.
Threads by correspondence rather than by subject line, so a reply four months later joins the right conversation.
Keeps every reference number you assign and makes them the primary way to find anything.
Shows who owes whom a reply, which turns out to be the only status anybody wants.
Exports everything as plain text files with the address block as a header, forever, without asking why.
It will not
Show read receipts. Whether somebody has opened a letter is not your business.
Notify you in real time. Post arrives twice a day, at 08:00 and 16:00, and that is a setting you can turn off but not up.
Suggest replies. Everything here is written by a person to a person.
Recall a sent letter. Once it has gone out through the top of the screen it has gone.
Plans
Personal
One desk, unlimited correspondents, full export.
£4 / month
Society
Up to forty desks with a shared archive and a bulletin sender.
£40 / month
Both plans include the export. If we ever shut down you get a tarball of plain text, not a promise.
Airmail DeskLandingClaude Opus 5#airmail-desk-service
Service Page
A product page for a correspondence tool that argues from what it refuses to do, with the refusals given as much room as the features.
Structure An envelope hero with the stripe on one edge, a two-column set of what it does and what it will not do, and a plain plan row.
March · plot 14
Eleven things go in this month
To sow11
To plant out4
To harvest3
Beds free2 of 9
CropSowing chartDaysBed
Broad bean Aquadulce
90B3
Parsnip Tender and True
180B1
Onion sets, Sturon
150B5
Beetroot Boltardy
80B2
Courgette Defender
55B7
Leek Musselburgh
210B4
Purple sprouting Rudolph
220B6
AllotmentDashboardClaude Opus 5#allotment-year
The Year
The planting year at a glance: the pinned month band on top, then one sowing-chart row per crop using the same twelve cells, sorted by first sowing date.
Structure A twelve-cell band pinned above a ruled crop list; each row reuses the band’s twelve columns as a sowing chart at three fill strengths.
AllotmentPlot 14 · Kilcarn Lane · 5 rod
March, plot 14
11 to sow · 4 to plant out · 3 to harvest
04 MarSow parsnip direct, station sown, three seeds per stationB1
08 MarOnion sets in, 10 cm apart, netted against birdsB5
12 MarChit and plant first early potatoes if the soil is above 7°CB8
16 MarBeetroot under fleece, thin at two true leavesB2
22 MarLeek seed in a nursery bed, transplant in JuneB4
03 AprSow courgette under cover, two per potB7
11 AprCut the green manure and dig it in a fortnight before plantingB9
AllotmentApp ShellClaude Opus 5#allotment-shell
Plot Shell
The working frame where the month band sits above the navigation, not inside it, so every section inherits the same twelve-cell scope.
Structure A pinned band, a section nav beneath it, a bed sidebar, and a ruled task list ordered by due date with an orchid bar on this month’s items.
Sow in MarchUnder coverDirectIn my store31 PACKETS · SORTED BY SOWING DATESow now
Parsnip
Tender and True
Depth 13 mmSpacing 150 mm180 days
Station sow, three seeds, thin to the strongest. Do not transplant; it will fork.
Sow now
Beetroot
Boltardy
Depth 20 mmSpacing 100 mm80 days
Each seed is a cluster. Thin at two true leaves and eat the thinnings.
Sow now
Leek
Musselburgh
Depth 10 mmSpacing 200 mm210 days
Nursery bed now, transplant in June by dropping into a dibbed hole and watering in.
Next month
Courgette
Defender
Depth 20 mmSpacing 900 mm55 days
Sow on edge under cover. Two plants feed a household; three is a mistake people make once.
AllotmentSearch & BrowseClaude Opus 5#allotment-seedbrowse
Seed Store
Browsing seed packets sorted by sowing month rather than alphabetically, each carrying a twelve-cell mini-band and its depth and spacing in Lekton.
Structure The pinned band, a filter row, and packet cards whose mini-band uses the same twelve columns so a packet can be read against the year at a glance.
Plot 14 · since 2019
Marta Reyes
Five rod, half of it under brassica, netted since the pigeons took the sprouts in 2022. Keeps a comfrey bin and will give you the liquid if you bring a container.
What has gone in, by year
2026
14 crops
2025
12 crops
2024
9 crops
2023
7 crops
AllotmentProfile & SocialClaude Opus 5#allotment-plot
Plotholder
A plotholder’s page where their history is a set of sowing charts by year rather than a feed, and the band still pins the current month to the top.
Structure The band, then an identity block, then a per-year sowing chart stack using the same twelve cells, and a ruled swap list at the foot.
Sowing note
Parsnip, and the myth of the fresh seed
Everyone will tell you parsnip seed must be fresh. Everyone is right, and the reason is not the one usually given — it is not that the seed goes stale, it is that the seed is a winged papery thing that dries out in a packet faster than almost anything else you will sow.
JFMAMJJASOND
March and April to sow. October to December to lift. Nothing in between, which is why the bed is committed for two thirds of the year.
Station sowing, and why
Sow three seeds every 150 mm at 13 mm deep and thin to the strongest. This looks wasteful and is not: germination is genuinely poor, and the alternative — a continuous drill thinned later — disturbs the roots of the survivors.
Do not transplant. A parsnip moved at any stage forks, and a forked parsnip is a fine parsnip that takes four times as long to peel.
The bed after station sowing, canes marking the stations
Leaving them in
Frost improves them. Starch converts to sugar and a parsnip lifted in December tastes materially different from one lifted in October. Leave them in the ground and lift as you need them; they will keep there until the tops start away in February.
AllotmentEditorialClaude Opus 5#allotment-note
Sowing Note
A long note on a single crop, with the sowing chart set inline in the prose so the paragraph about timing carries its own twelve cells.
Structure The pinned band, then a 66ch reading column with the chart appearing inline where the text discusses months, and a warm photograph breaking the column.
Allotment · a planner for the growing year
The year is the navigation
This strip is pinned to the top of every screen in the application. It is not a filter you open — it is the frame everything else is scoped to, and the orchid bar is always under the month you are in.
Nothing is sorted alphabetically
Seed lists, task lists and crop lists all sort by season. An alphabetical seed catalogue is a catalogue for a warehouse.
The same twelve cells, everywhere
The band, the sowing chart and the packet mini-chart are one component at three sizes, so a packet can be read against the year without translation.
Orchid means now
One colour, one meaning. It marks the current month, the active band and anything due this week, and it is used for nothing else in the entire system.
AllotmentLandingClaude Opus 5#allotment-front
By the Year
A landing page whose hero is the month band itself, made large, with the current month marked in orchid and the product argument written underneath it.
Structure An oversized twelve-cell band as the hero element, a warm photograph beneath, then three ruled promises about seasonal rather than alphabetical order.
Kilcarn Lane Allotment Society · founded 1947
Sixty-two plots, and a list
The waiting list is currently about two years. Plots almost never come free in spring; they come free in autumn, when people who took one in March discover what August weeding is like.
When plots have come free, five year average
JFMAMJJASOND
September and October are when the list actually moves. If you join in March you will hear nothing for six months and that is normal, not an oversight.
AllotmentMarketingClaude Opus 5#allotment-society
Society
An allotment society recruitment page where the waiting list is presented as a twelve-cell band of the year plots typically come free.
Structure The pinned band, a photograph, then a plots-available chart reusing the twelve cells, and a ruled fee and rules section.
A sub-zero acoustic fracture observatory tracking snowpack shear strains, ultrasonic emissions, and avalanche hazard levels across high-altitude alpine corridors.
Structure Sticky sub-zero station bar with barometric trend and avalanche hazard indicator; asymmetric split with left acoustic fracture sensor matrix and right telemetry mast inspector; bottom emergency broadcast bar.
FIELD RECORD #2026-09A
Weissfluhjoch Stratigraphic Snow Profile
Location / AspectWeissfluh 3,120m · E 38°
ObserverSLF Glaciology Team 3
Snowpack Depth248 cm Total
Surface Temperature-16.4°C
STRATIGRAPHIC PIT FACE · HOARFROST & FACETED METAMORPHISM
A stratigraphic glaciological profile analyzing weak-layer crystal metamorphism, ram-hardness resistance, and temperature gradient shear zones.
Structure Full-width stratigraphic test pit header; 2-column analysis split with snow pit cross-section texture and stability test ledger; audit colophon footer.
Braises · February
Beans, Chard and Burnt Butter
Serves 4·1 h 40 min·20 min hands-on
A pot of beans that gets its depth from browning the butter properly rather than from stock, which most versions of this lean on and which is why most versions taste like soup.
Method
Drain the beans, cover with cold water by 5 cm, add the onion and bay, bring to a bare simmer and hold it there for 70 to 90 minutes. Do not salt yet.
When a bean crushes easily against the roof of your mouth, salt the water heavily and let them sit off the heat for 20 minutes. This is the step tinned beans skip, and it is where the seasoning gets inside them rather than sitting on the outside.
TimingThe beans can sit in their liquid for a day at this point and will be better for it.
Melt the butter in a wide pan over medium heat and keep going past the foaming stage until the solids are the colour of a hazelnut, about 4 minutes. Add the anchovy and garlic off the heat; they will cook in the residual warmth.
Add the chard stems with a splash of bean liquid, cook 5 minutes, then the leaves for 2 minutes more.
Fold the beans through with enough of their liquid to make it loose. Lemon zest, then juice, then salt again. Serve warm rather than hot.
If it splitsAdd a spoon of cold bean liquid and shake the pan; it will come back together.
Apricot PressEditorialClaude Opus 5#apricot-press-recipe
Recipe Page
The signature page: ingredients hang in a filled card on the left, the method runs down the main column with its numbers in the gutter, and the yield line answers the first question anyone has.
Structure A 3/7 split at 1240px — filled ingredient card in columns 1–3, method in 4–10 with step numerals hanging outside the text block.
Issue 41 · February
Cooking For A Table That Keeps Changing Size
6 recipes·all scale to 12·nothing needs a stand mixer
Everything here was written to be doubled without becoming a different dish. That constraint turns out to rule out most baking and about half of what people think of as entertaining food.
In this issue
01
Beans, Chard and Burnt Butter
Serves 4·1 h 40 min·20 min hands-on
A pot that gets its depth from browned butter rather than stock.
02
A Very Long Roast Shoulder
Serves 8·6 h·15 min hands-on
Six hours at 140 °C and one decision, made at the start.
03
Bitter Leaves, Anchovy, Bread
Serves 6·25 min·25 min hands-on
The salad that goes with everything else in this issue.
04
Semolina Cake, Orange
Serves 10·1 h 10 min·20 min hands-on
Improves for two days, which is the whole point of it.
05
Braised Fennel, Cream, Dill
Serves 6·55 min·10 min hands-on
A side that behaves like a main if there is bread.
06
The Only Dressing
Makes 300 ml·10 min·keeps 2 weeks
Used in three of the five recipes above.
Apricot PressLandingClaude Opus 5#apricot-press-issue
Issue Front
A magazine issue front where every piece is introduced by its yield line, so a reader chooses by time available rather than by photograph.
Structure A full-width lead with an overlapping title block, then a two-column ruled contents list where each entry carries its own three-fact mono line.
Find something to cook
11 recipes
Beans, Chard and Burnt Butter
Serves 4·1 h 40 min·20 min hands-on
Depth from browned butter rather than stock.
Issue 41
White Beans, Rosemary, Chilli
Serves 6·2 h·15 min hands-on
The version to make when there is no chard.
Issue 33
Bean and Bread Soup
Serves 8·1 h 15 min·25 min hands-on
What to do with the liquid from either of the above.
Issue 33
Beans Under A Roast
Serves 8·6 h·10 min hands-on
Cooked in the fat from the shoulder in issue 41.
Issue 41
Apricot PressSearch & BrowseClaude Opus 5#apricot-press-search
Recipe Search
A search that filters by hands-on time rather than total time, because the constraint people actually have is attention, not a clock.
Structure A ruled filter row over a single-column result list where each row is a small square photograph beside a name and its three-fact mono yield line.
The pantry
Twelve things we actually use
Everything here appears in at least three recipes in the archive. If something stops being used, it stops being sold.
Cantabrian anchovies
£11.40
Salted, in oil, 95 g. Firm enough to fillet cleanly and salty enough that you use fewer.
Used inBeans and burnt butter · Bitter leaves · The only dressing · four others
Dried cannellini, 2025 harvest
£6.80
500 g. Last year's crop, which soaks in six hours rather than twelve and holds its shape.
Used inBeans and burnt butter · White beans, rosemary, chilli · Bean and bread soup
Semolina, coarse
£4.20
1 kg. The grade that gives the cake its texture; fine semolina makes a different and worse cake.
Used inSemolina cake · Fried semolina · Pasta, hand rolled
Red wine vinegar, 6 years
£9.60
500 ml. Aged in oak, which is why it does not need sugar to taste round.
Used inThe only dressing · Bitter leaves · Braised fennel · six others
Apricot PressCommerceClaude Opus 5#apricot-press-shop
Pantry Shop
A shop where each product states which recipes use it, so the purchase is justified by the cooking rather than by the packaging.
Structure A ruled two-column product list — no cards, no grid — where each row hangs its price in mono and lists the recipes that call for it.
Contributor since 2019
Ines Marchetti
Writes about braising, mostly, and about the small number of decisions that determine whether a long-cooked dish is good. Cooked professionally for eleven years and stopped, which she says was the correct decision.
41 recipes·6 issues·2 techniques
Contributions
TechniqueBrowning butter
Beans, Chard and Burnt Butter
Written specifically to make people take the butter past the point where it looks done. The beans are almost incidental.
Issue 41·Serves 4
TechniqueLow, long, undisturbed
A Very Long Roast Shoulder
Six hours at 140 °C, and the only decision is whether to add liquid at the start. It argues for not.
Issue 41·Serves 8
TechniqueSalting after
White Beans, Rosemary, Chilli
The recipe that introduced the rule about salting beans at the end of cooking rather than the start.
Issue 33·Serves 6
Apricot PressProfile & SocialClaude Opus 5#apricot-press-cook
Cook Profile
A contributor page organised by what they taught rather than what they made, with each entry stating the technique the recipe exists to explain.
Structure A wide portrait band above a ruled list where each contribution hangs a technique label in the margin beside its recipe title.
Preferences
How recipes are written for you
These change how every recipe on the site is rendered. They do not change the recipe.
Apricot PressSettings & FormsClaude Opus 5#apricot-press-scale
Scaling Settings
A settings page for how recipes are rendered, where each choice immediately rewrites a sample step rather than describing what it would do.
Structure A 1fr/380px split: settings on the left, and a persistently visible sample step on the right that reflects every choice as it is made.
Subscribe
Every Recipe Here Was Cooked At Least Four Times
Twice at the stated size, once doubled, and once by somebody who had never made it. The fourth one is the expensive part and it is the only reason any of this is reliable.
What a recipe costs to publish
1
Written and cooked by the author
Usually three or four attempts before the method settles. Nothing is written down until it has worked twice in a row.
2
Cooked again at scale
Doubled, in a domestic kitchen, on a domestic hob. This is where about one recipe in six turns out to need a different method.
3
Cooked by a stranger
Someone who has not read the discussion and only has the text. Every ambiguity we have ever fixed came out of this step.
4
Photographed as cooked
The photograph is of the dish from step 3, not a styled version. It is why some of them look ordinary.
RoughlyAbout £340 and eleven days per recipe, most of it in step 3.
Rates
Monthly
Everything, cancel whenever. Six new recipes an issue, one issue a month.
£6
Annual
Two months free, plus the full archive of 412 recipes and every issue since 2019.
£60
There is no free trial because a trial of a recipe archive is just the archive. The first issue of any subscription is refundable in full if it is not for you.
Apricot PressMarketingClaude Opus 5#apricot-press-subscribe
Subscribe Page
A subscription page that leads with what testing a recipe actually involves, on the theory that the reason to pay is the work you cannot see.
Structure A ruled argument column at 60ch with an inset process list, and the offer set as two plain rows rather than a pair of competing cards.
Collection 04Resort · 18 pieces
The Long Crimson Coat
£620
Unlined, single seam at the shoulder, cut to fall straight from the collar. Made in a wool-linen that creases and is meant to.
Atoll MarketCommerceClaude Opus 5#atoll-market-bleed
Bleed Row
The signature arrangement: one product image runs past the right edge of the page while its name and price sit far to the left with two columns of nothing between them.
Structure A 12-column grid at 1400px where the image spans 7–12 and bleeds past the margin, the name sits in 1–4, and columns 5–6 are deliberately empty.
Resort · Collection 04
Everything Here Was Made For Heat
Eighteen pieces in a single wool-linen and one silk. The palette came from a week on a coast where the water is genuinely this colour and everything built on it is either bone or crimson, and we did not add a third.
Photographed at Kilcarn Point over two mornings.
The Long Crimson Coat£620Folded Silk, Aqua£240The locationKilcarn PointTwo Objects£145
Atoll MarketLandingClaude Opus 5#atoll-market-lookbook
Lookbook
A collection landing page that opens on a full-bleed figure with the collection name set at 72px over empty aqua, and never shows a product grid.
Structure A full-bleed tall image with an offset serif title, then an asymmetric editorial run where no two rows share the same column split.
The Long Crimson Coat£620Folded Silk, Aqua£240Two Objects, Bone and Crimson£145The Bone Shirt£280Wide Trouser, Aqua£340The Short Crimson CoatSold outSilk Square, Small£140
Atoll MarketSearch & BrowseClaude Opus 5#atoll-market-shop
Shop Grid
A browse view where products have no containers at all — image, name, price — and the filters are a single line of text rather than a rail.
Structure A one-line text filter above a 4-up grid of uncontained products, with one deliberately empty cell to keep the grid from reading as a catalogue.
Collection 04 · Piece 01
The Long Crimson Coat
£620
Unlined, with a single seam at the shoulder and no seam at all down the back. It hangs straight from the collar, which means it does not fit anybody exactly and is not supposed to.
The cloth is a wool-linen woven for us in Biella at 240 grams. It creases within an hour of putting it on and the crease is the point; a coat that holds a press through a hot afternoon is made of something else.
Made in Portugal. 62% wool, 38% linen. Dry clean, rarely.
Size
Size 2 fits a 96 to 104 cm chest. Between sizes, take the smaller; the shoulder is generous.
Free shipping over £200. Returns within 30 days, unworn, and we pay the postage.
Atoll MarketEditorialClaude Opus 5#atoll-market-piece
Product Page
A product page written as an editorial piece, where the size selector is the only interface element and everything else is photograph and prose.
Structure A full-height bleeding image on the right and a narrow text column on the left, with the size cells and the violet buying button at the foot.
A bag and checkout summary where the shipping choice changes an actual delivery date rather than a label, and the total is the only mono figure that is large.
Structure A 1fr/380px split with uncontained bag rows on the left and a summary column on the right, no borders on the products at all.
The atelier
We Make Eighteen Things A Year
And then we stop, which is the only part of this that is genuinely difficult.
No seasons
One collection a year, released when it is finished. There is no spring drop and no pre-fall, because those are calendar events rather than design ones and they exist to keep a factory busy.
No sales
Pieces are made in the quantity we expect to sell and then they are gone. If something does not sell it goes to the studio shop at the same price and stays there until it does.
No third colour
Aqua, bone and crimson. Every collection since 2019 has been made from those three, and the constraint has produced more ideas than it has cost us.
Atoll MarketMarketingClaude Opus 5#atoll-market-atelier
The Atelier
An about page that leads with what the brand refuses to do, laid out as a run of full-bleed images with the refusals set between them in serif.
Structure Alternating full-bleed images and 48ch serif statements, each statement occupying a different column so the page never settles into a rhythm.
Client since 2021
Kemi Oyelaran
Size 2 in coats, 3 in trousers. Prefers unlined. Between sizes on the shoulder, takes the smaller.
What you have
The Long Crimson CoatCollection 04 · size 2Folded Silk, AquaCollection 03 · one sizeThe Bone ShirtCollection 02 · size 2Two ObjectsCollection 04 · the pair
Orders
11 Jun 2026
The Long Crimson Coat, Two Objects
£765
Delivered
02 Feb 2026
Folded Silk, Aqua ×2
£480
Delivered
19 Sep 2025
Wide Trouser, shortened 4 cm
£340
Delivered
14 Mar 2024
The Bone Shirt
£280
Delivered
Atoll MarketProfile & SocialClaude Opus 5#atoll-market-client
Client Record
An account page that shows what a client actually owns from previous collections, so the profile is a wardrobe rather than an order history.
Structure A serif identity line over a wardrobe run of uncontained owned pieces, with fit notes hanging beside them and the order list demoted to a plain table.
Aurora ConsoleDashboardClaude Opus 5#aurora-console-overview
Service Overview
The screen a team leaves open all day: nine services as glowing tiles, one live chart, and an incident rail that never scrolls out of view.
Structure A three-band dashboard — a full-width strip of four key values, then a 2:1 split of streaming chart to service tiles, with a fixed 280px incident rail down the right that the other bands stop short of.
Trace
POST /v2/checkout
Duration
1,284 ms
Spans
31
Services
6
Status
1 error
03206409601280 ms
checkout-api · handler1284
↳ identity · verify77
↳ ledger · reserve180
↳ ledger · pg.query128
↳ media-proc · thumbnail668
↳ media-proc · s3.put180
↳ notify · enqueue64
↳ search · index154
Aurora ConsoleData & ReportsClaude Opus 5#aurora-console-trace
Trace Waterfall
One request pulled apart into thirty spans, laid on a shared time axis so the slow one is a shape rather than a number you have to look up.
Structure A fixed 320px span-name column beside a proportional-width waterfall, with a sticky millisecond ruler at the top and a detail drawer pinned to the bottom edge across the full width.
Querymetrics.prod · last 1h
select route, quantile(0.99, latency_ms) as p99
from requests
where ts > now() - 1hand status < 500group by route order by p99 desclimit8
31 ms · 8 rows · scanned 2.1M
Route
p99 ms
p50 ms
rps
Trend
/v2/checkout
1284
212
184
/v2/media/upload
942
301
62
/v2/search
388
88
1204
/v2/cart
274
64
840
/v2/session
141
41
2210
/health
18
6
60
Aurora ConsoleApp ShellClaude Opus 5#aurora-console-shell
Query Workspace
A three-pane workspace where the query is the document: saved queries on the left, an editor above, results below, and nothing floating.
Structure A 220px collapsible rail, then a vertical split where the editor takes a fixed 190px and the result table takes whatever is left, with the run bar welded between them.
Aurora ConsoleLandingClaude Opus 5#aurora-console-landing
Instrument Landing
A product page that opens with a working dashboard rather than a promise, so the first thing you see is the thing you are buying.
Structure A left-weighted hero at 5 columns with a live-looking panel occupying the remaining 7 and bleeding off the right edge, then a three-up proof band and a full-bleed aurora plate.
$1,204 matches · 14.2s window
14:02:11.442503thumbnail worker pool exhausted after 3 attemptsmedia-proc
14:02:11.390503queue depth 4,182 exceeds high-water mark 2,000media-proc
14:02:10.118499client closed connection while waiting on upstreamedge
14:02:09.884500s3.put timed out after 30000ms bucket=media-eumedia-proc
14:02:08.201429rate limit applied to tenant 8841 for 60sedge
14:02:07.663503thumbnail worker pool exhausted after 3 attemptsmedia-proc
14:02:06.005408upstream read deadline exceeded on /internal/thumbcheckout-api
Aurora ConsoleSearch & BrowseClaude Opus 5#aurora-console-explorer
Log Explorer
A log search where the facets are counts you can read and the result rows are dense enough that scanning beats filtering.
Structure A 260px facet column of count bars beside a full-height virtualised log list, with the query bar spanning both and a histogram strip welded under it.
Alerting
New rule
Rules evaluate every 30 seconds against the last 5 minutes of data.
Routing
Severity
Page
Chat
Email
Quiet hours
Sev 1
Yes
Yes
Yes
Ignored
Sev 2
Yes
Yes
No
Ignored
Sev 3
No
Yes
Yes
Respected
Sev 4
No
No
Yes
Respected
Aurora ConsoleSettings & FormsClaude Opus 5#aurora-console-alerts
Alert Rules
A rule editor where the sentence you are writing is rendered back to you in plain English underneath, so nobody ships a threshold they misread.
Structure A single 640px form column with the live rule preview pinned as a sticky panel in the right margin, and the routing matrix breaking full width beneath both.
The agent auto-instruments HTTP, SQL and the queue client. Nothing else needs changing.
Aurora ConsoleAuth & OnboardingClaude Opus 5#aurora-console-connect
Connect a Source
Onboarding as a wiring diagram: pick a runtime, copy one command, and watch the first span arrive without leaving the page.
Structure A four-step vertical stepper in a 300px rail with the active step expanded to fill the remaining width, and a waiting-for-data strip that spans the whole footer.
Beckton → KirkstallStop 4 of 22 · driver M. Sandoval
on time
4108
Beckton → KirkstallStop 5 of 22 · 90 s behind 4102
bunched
4114
Beckton → KirkstallStop 11 of 22 · held at closure
+9 min
4120
Kirkstall → BecktonStop 16 of 22 · driver J. Oyelaran
on time
BlacktopDashboardClaude Opus 5#blacktop-control
Route Control
A control screen for a bus corridor where the whole route is one horizontal strip and every vehicle is a block sitting on it, so a bunched pair is visible instantly.
Structure A 96px route strip running the full width with stops as 2px ticks, above a two-column split of running legs against a delay log, and a travelling dashed rule between them.
Stop 41284 · Marsh Lane, eastbound
Marsh Lane
14:02
41
Kirkstall Gate
2min
41
Kirkstall Gate
9min
7
Northfield CentreDiverted via Fell Gate
14min
7
Northfield Centre
26min
Closure
Marsh Lane is closed between Fell Gate and the interchange. Route 7 is diverted. Route 41 is unaffected.
BlacktopApp ShellClaude Opus 5#blacktop-arrivals
Arrivals
A passenger arrivals screen designed to be glanced at from a moving vehicle: four rows, enormous type, and a travelling dashed rule that means the bus is moving.
Structure Four full-width rows at 88px each with nothing else on the screen except a header and a footer line, and every minute figure at 64px in mono.
Track
StatusOut for delivery
ExpectedToday, 14:00–16:00
SignatureNot required
02 Sep · 18:40
CollectedNorthfield depot · driver K. Barr
02 Sep · 23:12
Sorted at hubBeckton hub · belt 14
03 Sep · 04:55
TrunkedBeckton → Kirkstall · vehicle 4114
03 Sep · 07:20
Arrived at delivery depotKirkstall Gate
04 Sep · 09:41
Out for deliveryRound 22 · 14 stops ahead of you
—
DeliveredWe will tell you when it happens, not before.
BlacktopSearch & BrowseClaude Opus 5#blacktop-tracking
Parcel Tracking
A tracking page where the leg you are on is a white block on an otherwise dark route line, and everything after it is deliberately not predicted.
Structure A vertical route line with each leg as a stacked block, the current one filled white, and a lookup bar spanning the top with the reference set in wide mono.
Trunked from a depot we own, delivered by a driver we employ. If it misses, you hear it from us first.
99.1%delivered next day, last 90 days
0subcontracted rounds
04:55last trunk leaves the hub
01
Overnight
Collected by 18:00, delivered by 12:00. Anywhere on the mainland.
02
Same day
Point to point within the corridor, by a named driver, with a phone number.
03
Returns
Collected from the customer's door on the round that would have delivered.
04
Pallets
Up to 1,200 kg, tail lift as standard, booking slots at both ends.
BlacktopLandingClaude Opus 5#blacktop-depot
Depot Front
A courier company page whose hero is a single condensed word filling the width, with the proof set as three counts and no photograph of a smiling driver.
Structure A 92px uppercase headline over a grayscale depot photograph that runs full width, then a three-cell count band divided by 2px rules with no gaps.
Shift report · 4 September 2026
J. Oyelaran · round 22
Vehicle
PN71 KVX
Signed on
05:52
Signed off
—
Driving today
5 h 46 m of 9 h
Continuous driving
3 h 41 m of 4 h 30 m
Daily duty
12 h 40 m of 13 h
Break taken
45 m of 45 m required
Stop
Address
Arrived
Dwell
Outcome
01
4 Marsh Lane, NF4 2QH
08:14
2m 10s
Delivered
02
Flat 2, 4 Marsh Lane
08:18
4m 02s
Delivered
03
11 Fell Gate, NF4 3AA
08:31
1m 44s
No answer · carded
04
Unit 9, Carrfield Estate
08:52
6m 18s
Delivered · 4 parcels
05
Kirkstall Gate Post Office
09:11
3m 30s
Delivered
06
2 Hollin Bank Road
09:26
0m 58s
Access blocked · returned
BlacktopData & ReportsClaude Opus 5#blacktop-shift
Shift Report
A driver shift report where the drive hours are shown against the legal limit as a bar that turns orange only when the limit is genuinely at risk.
Structure A stacked report of ruled bands where each band is one legal duty and its bar, with the stop-by-stop table beneath at 40px rows and no card containers.
£38,400a year, plus £1,800 in overnight allowanceReviewed every April. Published here, not negotiated individually.
The patterns we run
Four on, four off12-hour days · 05:00 or 17:00 start · Kirkstall depot14 open
Monday to Friday, days9-hour days · 06:00 start · Northfield depot6 open
Trunk nights22:00 to 06:00 · four nights · Beckton hub3 open
Weekend onlySaturday and Sunday · 10-hour days · any depot9 open
BlacktopMarketingClaude Opus 5#blacktop-recruit
Driver Recruitment
A driver recruitment page that leads with the pay and the shift pattern, because those are the only two things anyone reading it wants to know.
Structure A pay figure filling a full-width white band at the very top, then a two-column split of shift patterns against a plain honest list of what the job is actually like.
bloomDr M. Ferreira-Lund
Panel complete
Nine of ten markers are within range. One needs a second look.
1 out of rangeCollected 4 Sep, 08:12
Ferritin18µg/L
Haemoglobin138g/L
Vitamin D74nmol/L
TSH2.1mIU/L
Bloom LabDashboardClaude Opus 5#bloom-lab-results
Results Home
A results page that answers the only real question first — is this in range — and puts the number itself second, where it belongs.
Structure A 7:5 split where the left column is a stack of range readouts sized by importance and the right is a single tall card that stays put while the readouts scroll.
How many nights a week do you wake before you meant to?
An estimate is fine. We ask because iron and thyroid results read differently against poor sleep.
Bloom LabAuth & OnboardingClaude Opus 5#bloom-lab-intake
Intake Question
One question filling a whole screen, answered by tapping a pill, with the progress shown as a thin arc rather than a bar of segments.
Structure A single centred column no wider than 560px on an otherwise empty mint page, with a circular progress arc replacing the usual stepper and the back link isolated in the top-left.
Every marker against its range and your last four.
CulturesGrowthStructureTitration
Bloom LabLandingClaude Opus 5#bloom-lab-front
Lab Front
A consumer lab homepage that leads with a photograph of the actual thing rather than a smiling stock model, and prices the panel on the first screen.
Structure An asymmetric hero with the headline in a 5-column card overlapping a 7-column photograph by 60px, then a pill-shaped three-step band and a full-width specimen strip.
Notifications
Everything is off until you turn it on. We never message you about anything we are selling.
Results
Appointments
How
Send these by
Bloom LabSettings & FormsClaude Opus 5#bloom-lab-prefs
Notification Preferences
Settings written as sentences with the controls sitting inside them, so what you are turning on is legible without reading a label twice.
Structure A single 620px column of pill-shaped rows where each row is one sentence with an inline toggle at the end, grouped by three plain headings and nothing else.
Marker
Ferritin
µg/L
reference bandyour readings
What happened along the way
Mar 2025Started a plant-based dietReported at intake
Sep 2025Iron supplement stoppedReported at intake
Jun 2026Haemoglobin still in rangeStores falling before the count does
Bloom LabData & ReportsClaude Opus 5#bloom-lab-trend
Marker Trend
One marker over two years, drawn as a soft band of the reference range with the readings sitting inside or outside it, and every event annotated.
Structure A full-width chart card 300px tall with a legend welded into its top-right corner, above a two-column split of annotated events and a plain-language reading of the trend.
Choose a panel
One price. The draw, the lab work and the report are all in it. No membership.
Baseline
£4910 markers
The panel a GP would order if you asked for a general check.
Haemoglobin
Ferritin
Vitamin D
TSH
HbA1c
ALT
Creatinine
CRP
Cholesterol
Sodium
Most ordered
Full
£8924 markers
Everything in Baseline plus the hormones and the full lipid split.
All 10 baseline
Free T4
Free T3
Cortisol
Testosterone
Oestradiol
B12
Folate
HDL
LDL
Triglycerides
Magnesium
Zinc
Selenium
Athlete
£12931 markers
Full, plus the markers that move with heavy training loads.
All 24 full
Creatine kinase
LDH
Reticulocytes
Transferrin
Iron saturation
IGF-1
SHBG
Bloom LabPricingClaude Opus 5#bloom-lab-panels
Panel Pricing
Three panels priced by what they measure rather than by tier names, with the marker lists shown in full instead of hidden behind a compare link.
Structure Three floating cards of unequal height where the middle one is 32px taller and lifted, each listing its markers in full as a two-column pill list rather than a collapsed summary.
An instrument monitor where signal feeds and coordinate rails take precedence over decorative widgets.
Structure Sticky top status rail with live UTC clock; two-column asymmetric split with left multi-channel telemetry stream and right radar inspector; ruled hairline boundaries.
Executed · 14 March
Master Services Agreement
Between Arden Holdings Limited and Pellew & Co., incorporating Schedules 1 to 4.
Version 7.2Ref ARD-MSA-0072Governing law England & Wales
4.
Fees and Payment
4.1
The Client shall pay the Charges set out in Schedule 2 within thirty (30) days of the date of a correctly rendered invoice. For the purposes of this clause, correctly rendered has the meaning given in clause 1.1.
4.1.1
Where the Client disputes any part of an invoice in good faith, it shall pay the undisputed portion by the due date and notify the Supplier of the disputed portion in writing.
4.1.2
Interest shall accrue on late payment at four per cent (4%) above the base rate of the Bank of England from time to time, accruing daily.
4.2
The Supplier may increase the Charges once in any twelve (12) month period on not less than sixty (60) days' written notice, provided that no increase shall exceed the change in the Index over the preceding period.
Defined term
Index
The Consumer Prices Index published by the Office for National Statistics, or such other index as the parties may agree in writing under clause 12.4.
First used in clause 4.2 · Defined in clause 1.1
Signed for and on behalf of
Arden Holdings Limited
Name · Position · Date
Signed for and on behalf of
Pellew & Co.
Name · Position · Date
Chancery LaneEditorialClaude Opus 5#chancery-lane-instrument
Instrument
The reading view for an executed agreement: hanging clause numbers, defined terms marked in violet, and the rail carrying comment counts beside the clauses that have them.
Structure A 68ch body column with a permanent 120px marginalia rail; clause numbers hang in the left margin outside the measure, sub-clauses indent by exactly one step.
Comparing
v6.4 → v7.2
14 insertions9 deletions3 moved
4.1
The Client shall pay the Charges set out in Schedule 2 within forty-five (45) thirty (30) days of the date of a correctly rendered invoice.
4.2
The Supplier may increase the Charges once in any twelve (12) month period on not less than sixty (60) days' written notice, at its sole discretion.
4.3
The Client shall have no right of set-off in respect of any sum due under this Agreement.
Change register
Clause
Type
By
At
Status
4.1
Amendment
R. Okafor
11 Mar 09:42
Accepted
4.2
Insertion
R. Okafor
11 Mar 09:48
Accepted
4.3
Deletion
M. Devlin
12 Mar 16:05
Open
Chancery LaneData & ReportsClaude Opus 5#chancery-lane-redline
Redline
A comparison between two versions where insertions are violet-underlined and deletions struck, never highlighted, so the page stays printable and the rail carries the change register.
Structure The same 68ch column and 120px rail; a version bar above, a change register in the rail, and inline marks rather than coloured backgrounds.
ChanceryARD-MSA-0072 · locked by you
4.
Fees and Payment
4.1
The Client shall pay the Charges set out in Schedule 2 within thirty (30) days of the date of a correctly rendered invoice.
4.2
The Supplier may increase the Charges once in any twelve (12) month period on not less than sixty (60) days' written notice.
Chancery LaneApp ShellClaude Opus 5#chancery-lane-drafting
Drafting Desk
The working shell: a clause tree on the left, the locked document column in the middle, and the same 120px rail on the right that the reading view uses.
Structure Three regions — a 240px clause tree, the 68ch column, the 120px rail — with the middle column identical in width to every other screen in the system.
Step 3 of 3 · Execution
Execute this instrument
Once all parties have signed, the instrument is sealed and no further amendment is possible. Review the final version before signing.
By signing you confirm you have authority to bind Pellew & Co. and that you have read clauses 4.2, 6.1 and 7.3 in their final form.
Audit trail
2026-03-11 09:42 R. Okafor amended clause 4.1 3f2a91c
2026-03-12 16:05 M. Devlin deleted clause 4.3 8b0e44d
2026-03-13 11:20 Final version circulated c17d902
2026-03-14 08:15 Arden Holdings signed e55a3b8
Chancery LaneSettings & FormsClaude Opus 5#chancery-lane-execution
Execution
The signing form, built as a document rather than a wizard: parties as bordered blocks, an audit trail in mono, and a single binding action at the foot.
Structure The 68ch column with the rail carrying signature status per party; form fields are ruled rows, not boxes, so the page still reads as an instrument.
Chancery · secure access
Arden Holdings Limited
You have been granted access to one matter. This link expires at 18:00 on 14 March and cannot be forwarded.
Matter ARD-MSA-0072Granted by R. Okafor
Access is logged. Your name, the time of access and every clause you open will appear in the audit trail of this instrument and are visible to all parties.
Do not enter a code. Contact the sending firm on the number printed on their letterhead — not on any number in the message that brought you here.
Chancery LaneAuth & OnboardingClaude Opus 5#chancery-lane-authority
Authority
A sign-in that reads as a covering letter rather than a product screen, with the firm and matter reference stated in mono before any field appears.
Structure A single 68ch column with the rail present and empty; the form is three ruled rows and the legal notice sits above the button, not below it.
148 authorities · 0.31s
[2024] EWCA Civ 812
Marchant Engineering Ltd v Kesterton Group plc
…the invoice was not correctly rendered within the meaning of clause 4.1 and accordingly the thirty day period never began to run. The right of set-off asserted by the appellant…
Court of Appeal · 14 June 2024 · Rose LJ, Popplewell LJ
[2021] EWHC 2044 (TCC)
Ashby Contracting Ltd v Nendrum Developments
…an express exclusion of set-off must be clear and unambiguous; the words relied upon here do no more than describe the mechanism of payment…
High Court, TCC · 22 July 2021 · O'Farrell J
[2018] EWCA Civ 1301
Pennington v Vale Structures Ltd
…whether the invoice was correctly rendered is a question of fact, and the judge was entitled to find that it was not…
Court of Appeal · 6 June 2018 · Lewison LJ
Chancery LaneSearch & BrowseClaude Opus 5#chancery-lane-authorities
Authorities
Case-law search where every result is a citation first: neutral citation in mono, then the party names in Faustina, with the search terms marked in the extract as violet text.
Structure A 240px filter rail on the left, results in the 68ch column, and the marginalia rail carrying the count of citing cases for each result.
Schedule 2 · Bases of charge
How we charge
Three bases are available. Whichever is selected applies to the whole matter and cannot be varied mid-engagement except under clause 4.2.
2.1
Hourly
Charged at the rates in Appendix A, recorded in six minute units, billed monthly in arrears. Suits matters whose scope cannot be settled in advance.
Rates reviewed once annually
Estimates given but not capped
Disbursements at cost
2.2
Fixed fee per instrument
A single sum per instrument drafted, negotiated and executed, agreed before work begins. Suits repeat work of settled scope.
Two rounds of amendment included
Third and subsequent rounds hourly
Disbursements at cost
2.3
Retainer
A monthly sum covering an agreed volume, with an hourly rate applying above it. Suits a continuing relationship with predictable throughput.
Twelve month minimum
Unused volume does not carry forward
Reviewed at six months
Assumptions
All figures exclude VAT and disbursements. The fixed fee assumes English law, two parties, and no third-party consents. Where those assumptions do not hold, clause 2.4 applies and we will tell you before the work is done, not after.
Chancery LanePricingClaude Opus 5#chancery-lane-engagement
Engagement Terms
Fee options set as clauses rather than cards: three numbered bases of charge in the document column, each with its own assumptions and its own hanging number.
Structure The 68ch column with each fee basis as a numbered clause; the rail carries the estimated annual figure beside each, and there are no boxes anywhere.
The Offcut
Since 2019
11
Everything That Almost Worked
Six failed prototypes and what their makers kept.
Mar
10
The Long Way Round
On taking the slow route through a problem on purpose.
Jan
09
Borrowed Tools
What one trade quietly takes from another.
Nov
08
Small Batch
Four people who refuse to scale, and their arithmetic.
Sep
Craft ZineEditorialClaude Opus 5#craft-zine-issue-index
Issue Index
A back-catalogue index where the issue number is the largest thing on the page and the entries hang off a single vertical rule.
Structure Sticky left rail of oversized mono numerals; entries in a right column separated by full-bleed hairlines, with metadata hanging into the left margin.
Field notes
What the Second Draft Knows
Every revision throws away something that took real work. That is the job, and it never stops feeling like a loss.
Words by Ada Renn14 min
There is a moment in every project where the thing you built stops being the thing you meant to build, and you have to decide which one you are actually making.
The first draft is generous. It keeps every idea, because none of them have been tested against each other yet. It is a survey, not an argument.
The cost of keeping
What makes the second draft hard is not writing — it is subtraction. Each cut is a small admission that a day of work was reconnaissance rather than construction.
The trick, if there is one, is to stop treating the cut material as waste. Keep an offcuts file. Most of it stays there. Some of it turns out to be the next piece.
Subtraction is the only edit that changes what a thing is about.
Craft ZineEditorialClaude Opus 5#craft-zine-longread
Long Read
A single 62-character measure with margin notes that hang in the gutter rather than interrupting the line of reading.
Structure One narrow text column offset left of centre; sidenotes live in a fixed 200px right gutter aligned to their reference, and the drop cap breaks the top rule.
Ada RennSheffield, February
No. 07
Ada Renn
She has run a two-press shop for eleven years and has never once advertised.
You turn down more work than you take.
If I say yes to everything the shop becomes a service. I would rather it stayed a point of view.
Does that scale?
No. That is the whole idea. Three hundred copies is a number I can stand behind.
What do you keep from a job that failed?
The registration tests. They are the only honest record of what I did not know yet.
Craft ZineEditorialClaude Opus 5#craft-zine-contributor-spread
Contributor Spread
A two-page spread where a full-bleed portrait owns the left half and the interview runs as a ruled Q-and-A on the right.
Structure Fifty-fifty split with the image bleeding to three edges; the right half is an interview ruled between every exchange, with questions set in the accent.
Issue 12 · June
We print the parts that got cut.
A quarterly about the work that does not survive the edit, and the people who keep it anyway.
Subscribers pay for it, so nobody else gets to shape it.
02
Printed, then posted
Three hundred copies, flat-packed, second-class, hand-addressed.
03
Nothing evergreen
Every piece is dated on purpose. It is a record, not a resource.
Craft ZineLandingClaude Opus 5#craft-zine-manifesto
Manifesto Cover
A cover page where the headline sits half on the paper and half on a full-bleed risograph print, the way a real cover overprints its art.
Structure Full-bleed artwork occupying the top two-thirds with the headline block overlapping its lower edge by 80px; three numbered promises run beneath on a hairline grid.
The Offcut14 June
A note before issue 12
We nearly did not print this one. The paper we use went out of stock in April and the replacement takes ink differently — everything came out half a shade warm.
We printed it anyway. You will notice on the Renn interview especially, where the terracotta has gone almost brick. It is not what we specified. It is what the shop could make in June.
If you have been on the waiting list since March, your copy goes out first. If you are new here, this is the kind of thing we tell you about.
Craft ZineLandingClaude Opus 5#craft-zine-launch-note
Launch Note
A landing page shaped like a letter — one column, a real signature, and no section that is not a paragraph.
Structure Single 36rem column centred on the page with wide rules top and bottom; the only non-prose elements are an inline subscribe row and a signature block flush right.
Free · every quarter
One long piece, four short ones, no news.
2,140 readers. No tracking pixels — we genuinely cannot tell if you opened it.
11 Six failed prototypes and what their makers kept
10 On taking the slow route through a problem on purpose
09 What one trade quietly takes from another
Craft ZineMarketingClaude Opus 5#craft-zine-newsletter-card
Torn Signup
A signup panel split by a torn paper edge, with the last three issue subjects listed as proof of what actually arrives.
Structure Two-column card: swatch artwork on the left cut by a jagged clip-path edge, form and archive proof on the right, the whole thing sitting on a tinted page.
Sep272026
Two-Colour Riso, Start to Finish
A full day on the Risograph MH2. You will separate a file, cut stencils, register two passes by hand, and go home with fifty copies of something.
Where
Hollow Press, Unit 4, Leeds LS2
Hours
10:00 – 17:00, lunch provided
Bring
One file, two colours, no gradients
Places
8 total · 3 remaining
£140Includes paper, ink and one hangover-grade coffeeTake a place
Craft ZineMarketingClaude Opus 5#craft-zine-workshop-poster
Workshop Poster
An event page built like a printed poster: the date is the artwork, and the details sit in a ruled table underneath.
Structure Enormous mono date numerals spanning the full width as the primary graphic, a two-column detail table beneath it, and a booking bar pinned to the bottom edge.
Printer · Contributor since 04
Ada Renn
Runs a two-press shop in Sheffield. Writes about the parts of a job that do not make it into the finished thing.
Craft ZineProfile & SocialClaude Opus 5#craft-zine-maker-profile
Maker Profile
A profile where the portrait bleeds off the left edge and the biography wraps around it in an L, the way a printed contributor page does.
Structure Portrait bled off the left and top edges at 300px wide; identity block sits beside it and the work grid runs full width underneath, so the text turns a corner around the image.
The Renn interview is the best thing you have printed. The bit about registration tests as an honest record has been rattling round my head for a week.
Paper felt different this issue. Not worse. Different.
Please do a piece on jigs. Everyone builds them, nobody photographs them, and they are the most interesting objects in any workshop.
Second-class post took nine days. Worth it.
I run the print room at a school and I have been reading these aloud to sixth-formers. They are extremely rude about the typography and they love it.
Craft ZineProfile & SocialClaude Opus 5#craft-zine-community-wall
Community Wall
Reader replies pinned to a wall at slightly different heights, so the page reads as a noticeboard rather than a feed.
Structure CSS columns rather than a grid, so notes flow at their natural height; each note is rotated by a fraction of a degree and the composer is pinned above as a full-width strip.
38 pieces
38
Ada Renn on refusing to scale
Interview · Issue 11 · 14 min
Interview
37
What the second draft knows
Essay · Issue 11 · 9 min
Essay
36
The jig drawer
Photo story · Issue 10 · 4 min
Photo
35
Borrowed tools
Essay · Issue 09 · 11 min
Essay
34
Three hundred copies
Interview · Issue 09 · 16 min
Interview
Craft ZineSearch & BrowseClaude Opus 5#craft-zine-archive-browse
Archive Browse
A dense archive where filters are checkboxes in a left rail and results are numbered rows, not cards.
Structure Fixed 200px filter rail against a tinted ground, results as a single ruled column with a result count and sort control in a sticky header above them.
Browse the shelves
Every piece we have printed, grouped by what it is actually about.
Craft ZineSearch & BrowseClaude Opus 5#craft-zine-shelf
Shelf Browse
Horizontal shelves you scroll sideways, each one a topic, with the shelf label set vertically against the left edge.
Structure Stacked horizontal scrollers with scroll-snap; each shelf carries a rotated vertical label in the left gutter and a hairline runs the full width beneath it.
Inbox12
The jig drawer
P. Sandhu · 1,900 words
New
Second press, first year
J. Wold · 3,100 words
Reading
On slow ink
M. Kerr · 800 words
New
What the bindery hears
C. Doe · 2,400 words
Held
Submission 041
The jig drawer
Priya Sandhu · submitted 4 March · 1,900 words
Every workshop has a drawer nobody photographs. It holds the jigs — the small wooden and steel things made to hold one part at one angle for one job that happened once.
They are the most specific objects in the building. A jig is a frozen decision. It says: this is exactly how far, this is exactly how square, and we are not going to relitigate it.
I asked eleven makers to open theirs. Nobody refused, and everybody apologised for the mess.
Craft ZineApp ShellClaude Opus 5#craft-zine-editor-desk
Editor Desk
A three-pane editing shell where the middle pane is a queue of submissions and the right pane is the piece itself, still set in the reading face.
Structure Rail / queue / reader at 160px / 260px / rest; the queue rows carry a status bar in the accent and the reader keeps the same 60-character measure as the printed page.
Plan
Details
Payment
We keep addresses on paper in a drawer and delete the digital copy after each mailing.
Craft ZineAuth & OnboardingClaude Opus 5#craft-zine-subscribe-flow
Subscribe Flow
A three-step subscription where the progress indicator is a printed rule that fills, not a row of pills.
Structure Narrow centred card on a tinted ground; the step rule spans the card top and fills in the accent, and the two plan options are ruled rows rather than boxes.
A shop home page where one enormous still life sets the season and the collections beneath it are unequal sizes on purpose.
Structure Full-bleed hero at 320px with the copy inset bottom-left, then an intentionally uneven grid — one 2x tall feature beside four ordinary tiles, so the eye has somewhere to go.
Kilcarn Studio
Turned Walnut and Brass Bowl
£186
Turned from a single piece of English walnut with a spun brass foot. Each one takes the grain differently, so the piece you receive will not be the piece photographed.
Finish
Made to order, 3–4 weeks
Free UK delivery over £120
Returned within 30 days for any reason
Specification
Maker
Kilcarn Studio, Co. Meath
Materials
English walnut, spun brass
Dimensions
210mm diameter × 88mm
Weight
640g
Care
Wipe only. Re-oil annually with a food-safe finish.
A product page that treats the object like a museum piece: one large image, a thumbnail strip, and specification as a real definition list.
Structure Sticky image column at 58% with a vertical thumbnail rail on its left edge; the buy column scrolls independently and the specification sits below the fold as a two-column dl.
Lookbook 04
The Table, Set for Six
Photographed at Kilcarn over two mornings in October. Everything shown is in the shop.
An editorial run of full-bleed images with the shoppable items pinned to the image they appear in, alternating side to side.
Structure Alternating 60/40 image-and-text bands with no gutters between them, so the page reads as a printed run; the product chips sit inside the image, bottom-aligned.
A bag page that shows what each item is waiting on, because half the catalogue is made to order and that is the thing people actually want to know.
Structure Two columns at 1fr/320px; line items are 96px-thumb rows carrying a lead-time chip, and the summary column sticks with the total pinned to its base.
Turned Walnut Bowl
£186
The first thing I picked up at Kilcarn and the only one I took home the same day. The brass foot is doing structural work, not decoration.
A landing page built around one person's picks, with their reasoning next to each object instead of marketing copy.
Structure Editor portrait and statement occupy a 360px left column that does not scroll with the picks; the picks themselves are wide rows of image, object and a first-person paragraph.
Exhibition · Free entry
Twelve Fleeces
One year of wool from a single flock, woven by six people who have never met.
An exhibition announcement where the dates are a table of opening hours, because that is what anyone reading it needs.
Structure Centred 46rem column: title, one wide plate, a two-column hours table, and a map-less location block — no hero, no CTA band, nothing that is not information.
In the workshop
Twelve Bowls, One Firing
Kilcarn fires once a month. Everything in that kiln lives or dies together, which is why no two glazes ever quite match.
The kiln takes fourteen hours to reach temperature and three days to cool. In between, nobody opens it, and nobody is allowed to guess.
Ceramics is the only craft in this shop where the maker genuinely does not know what they have made until it is finished. Everything else can be corrected on the way.
Twelve pieces from the October firing, sorted by how far the glaze ran.
What comes out is sorted into three piles: sold, seconds, and one small pile nobody names that goes back into the yard wall.
The seconds are the interesting ones. They are the pieces where the glaze did something the studio has not learned to repeat yet.
A workshop story that stops twice to sell you the exact object being described, without breaking the reading column.
Structure One 38rem reading column with two full-bleed image breaks; the shoppable insets are 200px cards that float right of the measure and clear it, so the prose is never interrupted.
A browse grid whose filters are a horizontal bar of expandable groups, leaving the full width to the objects themselves.
Structure Horizontal filter bar using native details/summary popovers instead of a sidebar, then a four-across grid of portrait cards with the price on the image and the maker below it.
A two-object comparison where rows that differ are marked, so you can find the actual decision in about four seconds.
Structure Two sticky object headers side by side above a shared attribute table; every row is a three-column grid and differing rows carry a left marker in the accent.
Saved
14 objects · your notes are private
Turned Walnut Bowl
£186
For the hall table. Measure first — 210mm might be too wide.
Everyday Bowl, Sage
£42
Buy four.
Undyed Table Runner
£118
Wait for the January restock, the October one sold out in a day.
Saved items arranged as a pinboard of mixed-height cards, with a private note field on each one.
Structure CSS masonry columns so cards keep their natural aspect ratio; each card carries an editable note beneath it, and the board header offers sharing without exposing the notes.
Membership
Members see everything first and pay less for it. There is no free tier — the shop is small and the mailing list is the whole business.
Reader
£24/year
The printed catalogue four times a year, and first sight of every drop 48 hours before it opens.
Most chosen
Collector
£96/year
Everything in Reader, plus 10% off all objects, free delivery, and one member-only piece a year that we do not sell to anyone else.
Patron
£420/year
Everything in Collector, and your name funds one maker residency at Kilcarn. You will be told which one, and you will meet them.
Three memberships presented as objects rather than feature lists — each one has a picture, because that is what you are actually buying.
Structure Three equal cards, each with a 4:3 photograph at the top and a short prose paragraph instead of a tick list; the middle card is raised rather than outlined to mark it.
A three-question finder where every answer is a photograph, and the result appears in place rather than on a new page.
Structure A single centred panel that swaps its own content; answers are 3-up image tiles with the label overlaid, and a thin progress rule sits under the question.
Order 24-0918
Turned Walnut and Brass Bowl
Placed 18 September · Kilcarn Studio
Expected 14 – 18 October
Blank selected
Cut from a board that has been drying since 2021.
Turned
Roughed and left for a week to move before the final cut.
Brass foot fitted
Spun to size this week. This is the stage that most often adds a day or two.
An order page that shows a made-to-order piece progressing through the workshop, not a courier tracking bar.
Structure Order summary card at the top, then a vertical stage timeline where each completed stage carries a real photograph from the workshop and future stages are outlined only.
Season 2027
Everything Ends Somewhere Warm
Eleven productions between February and November. Members book from 4 January; general booking opens a fortnight later.
A new translation by Nadia Oyelaran. Directed by Femi Adeyemi.
Few seats
Kaidan, or The Long Hallway
Kōbō Theatre Company. Japanese with English surtitles.
Booking
Sunday in the Park with George
Concert staging with the Marlowe Sinfonia.
Your seats
A Number
Two actors, sixty minutes, no interval.
Booking
The Rite of Spring
Danced by Company Sørensen to a live percussion score.
Sold out
Curtain CallLandingClaude Opus 5#curtain-call-season
Season Bill
A season announcement where the whole programme is one dated list and the date column is a fixed typographic gutter you can run your eye down without reading a word.
Structure Full-bleed duotone hero, then a single-column bill at 1320px where every row hangs its date in a 92px mono gutter to the left of a hairline rule.
A Number
Thursday 12 June, 19:30 · Marlowe Playhouse
60 min · no interval
Stage
AA
BB
CC
DD
EE
Band A · £46
Band B · £34
Band C · £22
Unavailable
Curtain CallCommerceClaude Opus 5#curtain-call-seatmap
Seat Selection
A booking screen where the seat map is the page and the price bands are read off the map itself rather than from a legend you have to hold in your head.
Structure A 2fr/1fr split with the stage-up seat map filling the left and a sticky order well on the right that is darker than the ground rather than lighter.
A Number
Two actors, sixty minutes, no interval.
From £22
Kaidan, or The Long Hallway
Japanese with English surtitles. Captioned matinee.
From £18
Late Shift: Marlowe Sessions
An hour of new writing read cold, in the bar.
Free to members
Nothing else is playing on Tuesday. Wednesday has five.
Curtain CallSearch & BrowseClaude Opus 5#curtain-call-whatson
What's On
A browse screen that filters by the two things people actually decide on — the night they are free and how much they want to spend — and drops every other facet.
Structure A 240px filter rail beside a two-column card grid, with a horizontal date strip pinned above both so the week is chosen before anything else.
Tonight, sold412of 480 · 86%
Same point, last run377+35
Held, unclaimed18releases at 19:15
Income, week£61,240against £58,000 target
This week
Performance
Sold
Held
Income
Capacity
412
18
£17,214
86%
388
22
£16,102
81%
201
6
£6,442
42%
467
4
£19,880
97%
440
11
£17,006
92%
Thursday matinee is the only performance behind the last run. Schools booking closed on Friday with 40 unsold.
Curtain CallDashboardClaude Opus 5#curtain-call-boxoffice
Box Office
A house-management view built around the one number a box office actually watches, which is how full tonight is compared with the same point in the run last time.
Structure A four-across figure band over a two-column split of a per-performance sales table and a live door log, with all figures in the typewriter mono.
Programme note
What the Orchard Was Worth
Chekhov wrote a comedy. Stanislavski staged a tragedy. Both were right, and the argument between them is the play.
By Nadia Oyelaran · 12 minutes
The first thing to say about The Cherry Orchard is that its author thought it was funny, and said so repeatedly, in writing, to a director who did not agree and staged it anyway as an elegy. Chekhov went to his grave irritated about it.
The second thing to say is that Stanislavski was not simply being obtuse. The play is about a family that loses its house because none of its members can bring themselves to do the one obviously sensible thing that would save it. Whether that is funny depends almost entirely on how far away you are standing.
The sound in the second act
There is a stage direction that has caused more argument than any other line in the text: a distant sound, as if from the sky, of a breaking string, dying away, mournful. Nobody agrees what it is. A mining bucket, says one character. A heron, says another. Chekhov, asked directly, declined to explain.
Our production takes the direction at face value and lets the sound be exactly what it says it is — something that breaks, far away, that nobody can see. The characters hear it, stop, and then carry on talking about lunch.
On not cutting Firs
Productions in a hurry cut the final scene, where the old servant is left locked in the empty house. It is four minutes long and it is the reason the play exists. We have not cut it.
Curtain CallEditorialClaude Opus 5#curtain-call-programme
Programme Note
A long programme essay set the way a printed one is, with the cast list hanging in the margin beside the text instead of parked at the end where nobody reads it.
Structure A 1fr/280px reading column and margin, where the margin holds the cast and creative list and stays with the essay rather than scrolling away from it.
Join the Playhouse
Priority booking on everything, for the price of about two tickets a year.
Curtain CallAuth & OnboardingClaude Opus 5#curtain-call-join
Membership Join
A membership sign-up that shows the tier ladder and the form on one screen, so choosing and committing are not two separate acts of faith.
Structure A centred 920px card split 1fr/1fr, tiers stacked on the left as selectable rows and the form on the right, over a full-bleed duotone backdrop.
Curtain CallProfile & SocialClaude Opus 5#curtain-call-member
Member Account
A member account page where the history of what you have seen is the main content, because that is the thing a member is actually proud of.
Structure A 300px identity well beside a chronological attendance list grouped by season, with the current holdings raised to the top in a lighter card.
Departures
14:32
InvernessElgin · Forres · Nairn
6On time
14:41
AberdeenStonehaven · Montrose · Arbroath
3+14 min
14:58
DundeeCalling at all stations
2On time
15:04
Kirkwall Ferry LinkBus replacement from Thurso
—Diverted
15:20
InverurieDyce · Kintore
1On time
Depot RedApp ShellClaude Opus 5#depot-red-concourse
Concourse Board
A station frame with the sign band fixed above everything, so the wayfinding is never scrolled away from the content it is meant to be guiding.
Structure A fixed 96px band of red plates across the top, then a plain two-column arrangement of departures and notices beneath it.
Bays occupied14of 18
Loading now63 ahead of schedule
Blocked2bays 11 and 14
Departures, today61of 68 planned
Bays
01HGV 4417loading
02HGV 4422loading
03—free
04HGV 4430sealed
05HGV 4441loading
06—free
07HGV 4455sealed
08HGV 4460loading
09HGV 4471loading
10—free
11Blockeddoor fault
12HGV 4488loading
Depot RedDashboardClaude Opus 5#depot-red-yard
Yard Control
A depot control view where every bay is a plate whose fill states its condition, so the yard is read as signage rather than as a table of statuses.
Structure A four-across figure band over a grid of 96px bay plates, with a movement list beneath at 48px row height.
Step-free alternative: Cross Quay entrance and the level crossing, which adds about 240 m.
Depot RedSearch & BrowseClaude Opus 5#depot-red-wayfind
Wayfinding Search
A destination search that answers in plates rather than list rows, because the answer to "where is it" is a sign and not a paragraph.
Structure A plain query row over a stack of full-width 96px plates giving direction, destination and distance, with a level note beneath each.
Departures1,204
Within 3 minutes88.4%
Minutes lost6,412
Worst causeBay availability
Minutes lost by cause
Bay availability2,410
Late inbound vehicle1,712
Load not ready1,060
Driver hours674
Weather392
Other164
Red is within our control, amber is not. Two of the top three are red, which is the whole finding of this report: 64% of lost minutes are ours.
By route
Route
Departures
Within 3 min
Minutes lost
Per departure
Trend
Kirkwall
88
71.6%
1,204
13.7
Worsening
Inverness
204
86.3%
1,410
6.9
Flat
Aberdeen
311
91.0%
1,388
4.5
Improving
Dundee
288
92.4%
1,102
3.8
Improving
Thurso
142
89.4%
844
5.9
Flat
Inverurie
171
94.7%
464
2.7
Improving
Depot RedData & ReportsClaude Opus 5#depot-red-punctuality
Punctuality Report
A performance report that counts minutes lost by cause rather than a percentage on time, because the percentage hides which one thing to fix.
Structure A duotone bar set of causes in red and amber over a fully bordered table of routes, with no gradient or third hue anywhere.
Kilcarn Freight
Six routes out of one depot, running six days a week. Nothing is subcontracted and every vehicle is on the board above before it leaves the yard.
Destinations
Aberdeen
42 km
Daily, 06:00 and 14:00
Next day
Dundee
98 km
Daily, 06:00
Next day
Inverness
168 km
Daily, 05:30
Next day
Inverurie
28 km
Twice daily
Same day
Thurso
288 km
Mon, Wed, Fri
Two days
Kirkwall
by ferry
Tue, Thu
Weather dependent
Kirkwall is honest about being weather dependent because it is. In an average winter the Tuesday sailing is cancelled about eleven times.
Depot RedLandingClaude Opus 5#depot-red-network
Network Front
A network front page whose hero is a plate rather than a photograph, and whose only claims are distances and times.
Structure A 96px plate band as the hero, a grayscale full-bleed image strip, and a plain destination table at 48px row height.
Traffic office
Book a load
Slots are 30 minutes. A vehicle arriving more than 15 minutes outside its slot goes to the back of the queue, which is not a penalty, it is just how the bays work.
Depot RedSettings & FormsClaude Opus 5#depot-red-booking
Load Booking
A booking form where the chosen slot is confirmed back as a plate, so the thing you are agreeing to looks like the sign you will follow on the day.
Structure A 1fr/300px split: square-cornered form fields on the left and a live plate preview of the booked slot on the right.
Kilcarn Depot · Cross Quay
Site induction
Four rules. They are the four things that have actually caused injuries here, in order of how often.
1Stay in the blue walkwayalways
2Never walk behind a reversing vehicleno exceptionsMost common cause of injury here
3High-visibility at all times outside the cabincluding in the yard office
4Report every near missto the traffic office
Depot RedAuth & OnboardingClaude Opus 5#depot-red-induction
Site Induction
A site induction check-in that presents the safety rules as plates, because these are the same signs the driver will see on the yard in ten minutes.
Structure A stacked sequence of 96px rule plates with an acknowledgement checkbox per plate, closing on a single sign-in field.
13:48Filter differential rising0.8 bar across primary
13:02Course altered038° to 042°
12:40Generator 2 onlineLoad share 48/52
11:58Bunker transfer complete42.0 t to service tank
10:14Watch handover2nd officer to chief officer
Depth ChargeDashboardClaude Opus 5#depth-charge-bridge
Bridge
A gauge wall for a vessel under way: four arcs at the top reading the systems that can hurt you, a live chart, and an event log that never scrolls out of view.
Structure A four-across row of arc gauges above a 2:1 split of chart to event log, with panels butted together at the 16px gutter and no section spacing anywhere.
Noon report · day 6
Rotterdam → Immingham
Distance
264 nm
Steaming
23.4 h
Avg speed
11.28 kn
HFO used
28.4 t
ROB
412.0 t
Against charter warranty+1.4 t overWarranted 27.0 t at 11.5 kn in Beaufort 4 or below. Sea state exceeded warranty conditions for 9 of 24 hours.
Consumer
HFO
MGO
LO
Fresh water
Main engine
26.10
0.00
0.14
—
Auxiliary engines
2.30
0.40
0.06
—
Boiler
0.00
0.20
—
—
Domestic
—
—
—
6.40
Total
28.40
0.60
0.20
6.40
Depth ChargeData & ReportsClaude Opus 5#depth-charge-voyage
Voyage Report
A noon-to-noon report where consumption is compared against the charter warranty, so the number that matters is the difference and not the total.
Structure A report header of five figures across the full width, then a two-column split of a consumption table against a weather-and-slip panel, with the warranty verdict as a band.
13:48:02Primary filter differential0.8 bar · limit 0.6
13:12:19Cargo hold 2 humidity78% · limit 70%
12:04:51Cargo hold 3 humidity74% · limit 70%
11:41:08Cargo lashing sensor 14No signal for 40 min
09:22:37ME jacket water temp88 °C · limit 85
ME · alarm 4412
Fuel pressure low
Now2.1bar
Limit2.5bar
Falling since13:02
Rate−0.4bar/h
Last hour
Checklist
Confirm the reading against the local gauge at the engine.
Check the primary filter differential; 0.8 bar is already in alarm.
If the differential is high, change over to the standby filter before further investigation.
Log the changeover time in the engine room log.
Depth ChargeApp ShellClaude Opus 5#depth-charge-console
Alarm Console
A three-pane alarm shell where the acknowledged and unacknowledged lists are physically separate, so nothing can be silenced by scrolling.
Structure A 72px system rail, an unacknowledged column that stays fixed at 340px, and the detail pane taking the rest, with a single accept bar spanning all three.
The shore team sees the fault before the phone call.
Engine, fuel, bilge and cargo telemetry off the vessel over any link you have, including the bad one.
4.2smedian time from sensor to shore dashboardMeasured across 118 vessels over the last 90 days, including satellite-only legs.
01
Works on a bad link
Store and forward with delta compression. A day of telemetry is 4 MB.
02
Class approved
DNV and LR type approval for remote condition monitoring.
03
Alarms, not dashboards
The default is silence. You are told when a limit is crossed, and only then.
04
Your data leaves with you
Full historical export on request, in the raw sensor format, within 48 hours.
Depth ChargeLandingClaude Opus 5#depth-charge-fleet
Fleet Front
A product page for fleet telemetry that leads with the one thing operators buy on: how long after a fault appears the shore team sees it.
Structure A navy hero with the headline over a hull photograph darkened to the ground colour, then a single latency figure filling a full-width band above a four-cell capability grid.
ME · fuel system
Fuel pressure limits
Limits apply to this vessel only. Fleet defaults are set by the technical superintendent.
Depth ChargeSettings & FormsClaude Opus 5#depth-charge-limits
Limit Editor
A limit editor where every threshold you type is drawn onto a live histogram of the last month, so an impossible limit is visible before you save it.
Structure A 560px form column beside a sticky histogram panel that redraws the proposed limit as a line, with the affected-alarm count as the last row of the form.
Fleet
118 vessels · 14 with open alarms
6
MV Hollin BankRotterdam → Immingham · 11.4 kn
ME fuel pressure
4
MV KirkstallAlongside, Teesport
Cargo humidity
2
MV CarrfieldImmingham → Gothenburg · 13.1 kn
Jacket water temp
0
MV BecktonGothenburg → Hull · 12.0 kn
—
—
MV Marsh HeadNo contact for 4 h 12 m
Link lost
Depth ChargeSearch & BrowseClaude Opus 5#depth-charge-vessels
Vessel Finder
A fleet list sorted by how much attention a vessel needs rather than alphabetically, with the alarm count as the first column and the name second.
Structure A dense list where each row carries a twelve-hour alarm sparkline in place of a status badge, above a filter row of segmented buttons rather than a sidebar.
Tender sum£4,120,400accepted 04.03.26
Committed£3,884,11094.3% of tender
Forecast final£4,206,880+£86,480 over
Retention held£206,0205% to practical completion
1,340 mm — sheet width at 1:50
Schedule of quantities — substructure
Rev C
Item
Description
Unit
Qty
Rate
Amount
Var
D20.10
Excavate to reduce level, not exceeding 2 m
m³
1,240
18.40
22,816
—
D20.20
Disposal off site, inert
m³
1,240
26.10
32,364
—
E10.05
Mass concrete fill, C20/25
m³
188
142.00
26,696
+41 m³
E30.10
Reinforcement, high yield, 16 mm
t
14.2
1,880.00
26,696
—
E20.15
Formwork to sides of foundations
m²
412
62.50
25,750
+68 m²
F10.20
Blockwork below dpc, 140 mm
m²
306
88.00
26,928
—
Revision C: two items increased following the ground investigation of 11 May. Both are marked with a revision cloud on drawing 204.
Drafting RoomDashboardClaude Opus 5#drafting-room-estimate
Estimate Sheet
A live estimate where every panel is dimensioned and the variance against tender is the one thing set in red, because red on a print means somebody has written on it.
Structure A four-panel dimensioned band over a bordered quantity schedule, with the title block anchored bottom-right of the sheet.
Document control
Drawing register
Drawings
412
Current revs
412
Superseded
1,104
For construction
388
Number
Title
Discipline
Revision chain
Status
Issued
KD2-A-204
Ground floor plan, grid A–H
Architectural
ABC
For construction
11.06.26
KD2-S-101
Foundation layout
Structural
ABCD
For construction
04.06.26
KD2-S-112
Pile schedule and setting out
Structural
AB
For comment
09.06.26
KD2-M-330
Ventilation, plant room
Mechanical
AB
For construction
21.05.26
KD2-E-410
Small power, ground floor
Electrical
A
For information
02.06.26
KD2-A-205
Ground floor plan, grid H–P
Architectural
ABC
For comment
11.06.26
Drafting RoomData & ReportsClaude Opus 5#drafting-room-drawings
Drawing Register
A drawing register where every superseded revision stays visible in the row, because on a construction project the question is always which version somebody built from.
Structure A fully ruled table — every cell bordered on four sides — with a revision chain rendered inline per row and a status legend in the title block.
12
18,400 mm
Drafting RoomApp ShellClaude Opus 5#drafting-room-viewer
Drawing Viewer
A viewer frame where revision clouds are real objects in a list, so a reviewer can walk the changes rather than hunt for them on the sheet.
Structure A 200px layer rail, a dimensioned drawing pane, and a revision list; the pane keeps its 32px margin and the title block sits inside it.
Section E10 · In-situ concrete
E10.05 — Mass concrete fill
Applies to all mass fill below structural foundations across the site, including the pile caps in grid F.
.1
Materials
Concrete to be designated GEN3 to BS 8500-2, minimum cement content 240 kg/m³, maximum water-cement ratio 0.60. Aggregate to 20 mm nominal maximum size unless the drawing states otherwise.
.2
Placing
Place in layers not exceeding 300 mm and compact each layer before the previous one has taken initial set. Do not place against frozen ground or where the ambient temperature is below 3 °C and falling.
.3
Tolerance
Top surface to be level within ±10 mm over any 3 m straightedge. Where fill supports a structural element the tolerance reduces to ±5 mm.
.4
Ground investigation of 11 May
Following the additional boreholes, the fill depth in grid F increases by 300 mm across 41 m³. This clause supersedes the depth given on KD2-S-101 Rev C and is reflected in Rev D.
Drafting RoomEditorialClaude Opus 5#drafting-room-spec
Specification Clause
A specification clause set with its cross-references hanging in the margin, so a reader never has to leave the clause to know what it depends on.
Structure A 68ch clause column with a 220px reference margin; clause numbers hang outside the text block and the title block closes the sheet.
Document control
Issue drawings
An issue is a formal act. Everything sent below is recorded against the project and cannot be withdrawn, only superseded.
Drawings in this issue — 3
KD2-A-204
Ground floor plan, grid A–H
Rev C
KD2-A-205
Ground floor plan, grid H–P
Rev C
KD2-S-112
Pile schedule and setting out
Rev B
For construction means site may build from it today. For comment opens a 14-day window and must not be built from.
Distribution
Recipient
PDF
DWG
IFC
Hard copy
Main contractor
Structural engineer
M&E consultant
Client representative
Building control
Drafting RoomSettings & FormsClaude Opus 5#drafting-room-issue
Issue Sheet
The form that issues drawings to a distribution list, with the consequence of each status spelled out beside the choice rather than buried in a policy page.
Structure A bordered form at 900px where the distribution matrix is a real grid of checkboxes with disciplines as columns and recipients as rows.
Standard details
18 of 1,240 details
1,200
A-D-104Parapet upstand at concrete deckRev C · 1:5
900
A-D-107Parapet to rainwater outletRev B · 1:5
1,500
A-D-111Upstand at movement jointRev A · 1:10
600
A-D-118Coping to blockwork parapetRev D · 1:5
Drafting RoomSearch & BrowseClaude Opus 5#drafting-room-find
Detail Finder
A search across standard details where results are shown as dimensioned thumbnails, because a detail is recognised by its shape long before its number.
Structure A query bar with discipline chips over a 4-up grid of bordered detail cards, each carrying its own dimension rule beneath the thumbnail.
Kilcarn Depot — 18,400 mm across the north elevation
Vestergaard & Castellanos
Architects and technical designers. We work on infrastructure buildings — depots, substations, pumping stations — where the drawing is the deliverable and the building is the consequence.
01
Technical design
Full production information to RIBA Stage 4, coordinated in a federated model and issued as drawings because that is what gets built from.
02
Specification
Written clause by clause against the drawing, not assembled from a library. Every clause states its tolerance and its cross-references.
03
Construction support
Instructions, revisions and site queries answered in under two working days, with the revision chain kept public to the whole project.
412Drawings issued this year
1.4 dMedian query turnaround
11People
2009Founded
Drafting RoomLandingClaude Opus 5#drafting-room-practice
Practice Front
A practice front page that presents the studio as a set of dimensioned facts rather than a mood board, ending in a title block instead of a footer.
Structure A dimensioned hero with the practice name measured beneath it, a three-column capability set, and the site’s own title block as the footer.
RegistryM. Okafor · Band 6
Open cases148+6 wk
Past target12−3 wk
Median age19dflat
Awaiting evidence37+11 wk
Assigned to you
34 cases
Ref
Subject
Stage
Age
C-4471
Bramley Lane, boundary
Review
31d
C-4468
Halifax Mill, change of use
Evidence
28d
C-4460
Ferry Road, listed consent
Review
24d
C-4455
Ash Grove, tree order
Decision
21d
C-4449
Quay Street, signage
Evidence
18d
C-4441
Northfield, access
Decision
14d
Evidence OfficeDashboardClaude Opus 5#evidence-office-case-console
Case Console
A caseworker home screen where the queue is the page and the metrics are a thin band above it, not a wall of cards.
Structure Four-up metric band across the top at only 72px tall, then a two-column split of case queue and activity ledger; nothing is a card, every block is an outlined rectangle.
Service measures
Determined in time86.4%Target 85%
Median days19Target 21
Backlog148Ceiling 130
Appeals upheld4Target under 6
Consultee response72.1%Target 80%
Intake per week61Plan 55
Withdrawn9No target
Cost per case£412Budget £430
Evidence OfficeDashboardClaude Opus 5#evidence-office-ops-grid
Operations Grid
Eight service measures in a hairline grid, each with its own sparkline and target line, and nothing else on the page.
Structure A single 4x2 grid of equal cells divided by hairlines with no gutters, so it reads as one ruled table rather than eight cards; a period selector sits in the header row.
Intake
61 in flight
Received
14
C-4491
Beckett Road, extension
Today 09:12C-4490
Mill Yard, hoarding
Today 08:44C-4488
Sale Lane, felling
Yesterday
Validated
9
C-4484
Quay Street, signage
2 daysC-4481
Ash Grove, tree order
3 days
Consultation
22
C-4468
Halifax Mill, change of use
11 daysC-4471
Bramley Lane, boundary
14 daysC-4460
Ferry Road, listed consent
16 days
Decision
11
C-4455
Northfield, access
4 daysC-4451
Dock Road, lighting
6 days
Issued
5
C-4444
Elm Court, porch
Issued Tue
Evidence OfficeDashboardClaude Opus 5#evidence-office-intake-board
Intake Board
Five intake stages as vertical lanes with a hard count cap on each, so an overloaded stage is visible before anyone reads a number.
Structure Five equal lanes separated by hairlines, each with a capacity bar under its heading; cards are outlined rows, and a lane over capacity turns its bar to the destructive token.
General ledger
Cost centre 4120 · 1 April – 30 June
Ref
Date
Description
Account
Debit
Credit
Balance
JV-1140
02 Apr
Opening balance carried forward
4120-00
—
—
18,402.11
JV-1141
08 Apr
Consultee fees, Q1 batch
4120-14
2,410.00
—
15,992.11
JV-1147
14 Apr
Recharge, planning support
4120-02
—
3,100.00
19,092.11
JV-1152
27 Apr
Print and postage
4120-31
614.80
—
18,477.31
JV-1160
11 May
Legal opinion, Ferry Road
4120-14
4,850.00
—
13,627.31
JV-1166
02 Jun
Fee income, householder
4120-01
—
7,220.00
20,847.31
JV-1171
21 Jun
Software, case management
4120-40
1,980.00
—
18,867.31
Total
7 entries
9,854.80
10,320.00
18,867.31
Evidence OfficeData & ReportsClaude Opus 5#evidence-office-ledger-table
Ledger Table
A wide transaction table with the reference column frozen, a running balance, and totals in a footer row that never scrolls away.
Structure Full-bleed table in a horizontal scroller with a sticky first column and sticky header; the total row is a real tfoot pinned to the bottom of the scroll box.
Official · Internal
Quarter 1 variance against plan
Reference
FIN-2026-Q1-04
Author
M. Okafor
Circulated
14 July 2026
1
Summary
Spend against plan closed the quarter 4.1% under, driven almost entirely by a single deferred software renewal rather than by any change in operating pattern.
Excluding that renewal, the position is 0.6% over, which is inside tolerance and consistent with the previous two quarters.
Figure 1 Monthly spend against plan, cost centre 4120
Apr
May
Jun
Actual Plan
2
Detail
June is the outlier. The case-management renewal1 was expected on 12 June and has slipped to the following quarter following a procurement query.
Legal opinion costs rose 31% on the previous quarter,2 concentrated in two listed-consent cases. This is expected to be non-recurring.
Evidence OfficeData & ReportsClaude Opus 5#evidence-office-variance-report
Variance Report
A report page laid out for printing: numbered sections, one figure with a caption above it, and footnotes that actually correspond.
Structure Two-column print grid — a 140px numbered-section gutter on the left and a 60-character measure on the right; the figure breaks out of the measure to full width.
Audit trail
2,595 events · retained 7 years
Thursday 14 July
14:02:11R. Vasquezaccepted evidence bundle on C-44718f2c1a
13:41:52M. Okaformoved C-4455 Review to Decisionc04e7b
11:19:04Committeegranted 14-day extension on C-446851ab99
09:50:00Systemopened C-4482 from intake queue2d7f30
Wednesday 13 July
16:38:21M. Okaforuploaded site notice photograph to C-44609c1e44
10:02:47Systemflagged consultee response overdue on C-446077b208
Evidence OfficeData & ReportsClaude Opus 5#evidence-office-audit-trail
Audit Trail
An immutable event log where every row names an actor, and the filter is a set of actor and action toggles rather than a search box.
Structure Left 210px facet column of actor and action toggles, right a monospace event list grouped under sticky date headings with a hash column on the far right.
Bramley Lane, boundary treatment
Review
Officer summary
The application seeks retrospective consent for a 1.8m close-boarded fence forward of the principal elevation. Two objections have been received, both citing loss of open frontage character.
The street has a mixed boundary treatment, but no other property forward of the building line exceeds 1.0m. The proposal is not consistent with the prevailing pattern.
Constraints
Conservation area Bramley Central
Highway visibility Splay affected at junction
Tree order None applicable
Evidence OfficeApp ShellClaude Opus 5#evidence-office-record-detail
Record Detail
A record page where the metadata sidebar is authoritative and the tabbed body is just one view of it.
Structure Header band with reference and status, then a 1fr/280px split; the right column is a definition list of fields with an inline edit affordance per row, and the left is tabbed content.
Submission
Design and access statement, p.4
The proposed boundary treatment replaces a failed hedge with close-boarded timber to a height of 1.8 metres, finished in a dark stain to reduce visual prominence.
The applicant considers that the height is necessary for security given two documented incidents of trespass in the preceding twelve months.
No alteration to the highway visibility splay is proposed, and the existing dropped kerb is unaffected.
Policy
Local Plan, BC-11
BC-11.1 Boundary treatments forward of the principal elevation shall not exceed 1.0 metre in height where the prevailing character of the street is open frontage.
BC-11.4 Where security is cited, the applicant shall demonstrate that no less prominent treatment would achieve the same outcome.
BC-11.5 Retrospective applications are assessed on the same basis as prospective ones.
Evidence OfficeApp ShellClaude Opus 5#evidence-office-workbench
Split Workbench
A two-document workbench for comparing a submission against the policy it has to satisfy, with a shared scroll marker.
Structure Icon rail, then two equal document panes separated by a draggable-looking divider; each pane has its own header and the policy pane highlights the clause under discussion.
Ward Bramley & StanningleyReceived after 01 Jan 2026Status not Issued
41 recordsSorted by received, newest first
Ref
Address
Applicant
Received
Status
C-4491
18 Beckett Road
H. Lindqvist
14 Jul
Received
C-4471
4 Bramley Lane
Northgate Ltd
13 Jun
Review
C-4468
Halifax Mill, Unit 2
Halifax Mill LLP
09 Jun
Evidence
C-4455
27 Ash Grove
P. Sandhu
28 May
Decision
C-4441
Northfield Depot
City Works
19 May
Decision
Evidence OfficeSearch & BrowseClaude Opus 5#evidence-office-registry-search
Registry Search
Structured search where the query is built from removable criterion chips, so it is always obvious what is filtering the result set.
Structure Full-width query builder band with chips and an add-criterion control, results as a compact table below, and a saved-searches strip pinned to the bottom.
Staff directory
412 people across 9 services. Updated nightly from the establishment record.
A
Adeyemi, TundePrincipal OfficerCivic Hall, 3F
Ahmad, SanaCase OfficerCivic Hall, 2F
Arnesen, KariEnforcementDepot, Northfield
B
Balogun, IfeLegal, PlanningTown Hall, 1F
Brennan, ColmConservationCivic Hall, 3F
C
Castellanos, RosaCommittee ClerkTown Hall, GF
Chen, WeiData & ReportingRemote
Coyle, FionaCase OfficerCivic Hall, 2F
Evidence OfficeSearch & BrowseClaude Opus 5#evidence-office-directory
Alphabetical Directory
A staff directory indexed by letter, where the index rail is the primary navigation and the rows are three fixed columns wide.
Structure Sticky A–Z rail down the left edge at 40px, entries grouped under large letter headings, each entry a three-column row of name, role and location with no avatars.
Roles and permissions
Changes take effect at next sign-in. Greyed boxes are inherited from a parent role and cannot be cleared here.
Capability
Read only
Case officer
Senior
Committee
Administrator
View case
Edit case detail
Move to decision
Grant extension
Export register
Manage roles
View audit trail
Evidence OfficeSettings & FormsClaude Opus 5#evidence-office-permissions
Permission Matrix
Roles across the top, capabilities down the side, and a checkbox at every intersection — the only honest way to show what a role can do.
Structure A true matrix table with a sticky header row and sticky capability column; inherited permissions are shown disabled-but-checked so the source of an entitlement is visible.
Form PL-04
Application for planning permission
Householder development. All fields marked required must be completed before submission.
Evidence OfficeSettings & FormsClaude Opus 5#evidence-office-submission-form
Submission Form
A long statutory form broken into numbered fieldsets, with a completion rail that tells you what is still missing rather than how far along you are.
Structure Numbered fieldsets in a 34rem measure with a sticky 200px right rail listing outstanding items; each field states its constraint before you can get it wrong.
City of NorthfieldPlanning Registry
Sign in
This service holds personal data. Access is logged against your name.
Evidence OfficeAuth & OnboardingClaude Opus 5#evidence-office-sign-in
Institutional Sign-in
A sign-in that leads with the organisation and the sensitivity of what is behind it, not with a logo and a gradient.
Structure Two panes: a photographic left half with the service name overprinted at the bottom, and a right half holding a narrow form with the SSO route above the credential route.
1019LithicFlint flake, secondary, cortex on one edge34 × 22 × 6 mm0.86 m
1019FaunalCattle mandible fragment, unfused104 × 46 mm0.94 m
1023CeramicRim sherd, flat-topped, grog-tempered71 × 44 × 12 mm1.32 m
Outside the sequence
no contextCeramicRim sherd, everted, handed in by a volunteer on 04 March58 × 39 × 8 mm—
This object has no context number and therefore no depth. It is not a find; it is an object, and it will not be placed in the sequence above no matter how diagnostic it looks.
ExcavationSearch & BrowseClaude Opus 5#excavation-finds
Finds Register
The register ordered by depth against a persistent centimetre ruler, with context numbers in cyan and one uncontexted object held outside the sequence.
Structure A 64px ticked ruler down the left with rows aligned to their depth, and a bordered well beneath for the object that has no context number.
Section drawing · trench DK-07, north face
Contexts 1001 to 1027
DRAWN 12 MAR · SCALE 1:20 · DATUM 42.18 m OD
1001Turf and topsoil
1004Mid brown silty loam, frequent ceramic
1011Dark grey-brown fill, charcoal flecked
1019Yellow-brown sandy clay, occasional flint
1023Compact orange sand, natural
1027Cut, base not reached
Rim sherd, everted · 0.18 m
Iron nail, square shank · 0.41 m
Flint flake, secondary · 0.86 m
Rim sherd, grog-tempered · 1.32 m
Stratigraphic relationships
1004is above1011Clear horizon, no interface material
1011fills1027Fill of the cut, single episode
1027cuts1019Sharp break of slope at the north edge
1019is above1023Diffuse, bioturbated over 40 mm
Cleaned north face before drawing.500 mm
ExcavationData & ReportsClaude Opus 5#excavation-section
Section Drawing
The stratigraphic column drawn to scale down the page with context numbers in cyan in the ruler and finds hung off their bands by 1px leaders.
Structure A ticked depth ruler beside stacked context bands sized to their real thickness, with find leaders running out to labels at the right.
ExcavationKILCARN LANE · DK · SEASON 4 · 2026
DK-07 · contexts
27 CONTEXTS · ORDERED BY DEPTH · DEEPEST 1.62 m
1001Turf and topsoil0 finds0.00—0.12 m
1004Mid brown silty loam31 finds0.12—0.34 m
1011Dark grey-brown fill62 finds0.34—0.71 m
1019Yellow-brown sandy clay44 finds0.71—1.02 m
1023Compact orange sand, natural11 finds1.02—1.44 m
1027Cut, base not reached0 finds1.44—1.62 m
ExcavationApp ShellClaude Opus 5#excavation-shell
Site Shell
The working frame where the depth ruler is part of the chrome rather than part of a view, present on every screen including the trench list.
Structure A top bar, a trench sidebar, the permanent ruler, and a ruled content area; nothing in the layout can remove the ruler.
Kilcarn Lane · season 4
Six trenches, 9.9 metres of section
05 FEB — 12 MAR · 22 WORKING DAYS
Contexts recorded118
Finds registered1,204
Deepest reached2.20 m
Uncontexted objects7
Finds by depth, all trenches
481042112982411486490
ExcavationDashboardClaude Opus 5#excavation-season
Season
A season summary where the headline figure is metres of section recorded rather than days worked, and the class breakdown is drawn as a depth histogram.
Structure Four ruled figures across the top, then a depth histogram against the standard ruler, then a trench table ordered by deepest reached.
Trench DK-07 · fill
1011 Dark grey-brown fill
0.34—0.71 m BELOW DATUM · 62 FINDS · EXCAVATED 26 FEB — 02 MAR
Interpretation
A single-episode fill of the cut 1027, deposited rapidly on the evidence of the unsorted inclusions and the absence of any weathering horizon at its interface with 1019. The charcoal flecking is dispersed rather than lensed, which argues against in-situ burning.
The ceramic assemblage is mixed, with grog-tempered material from the base of the deposit and wheel-thrown grey ware within a hundred millimetres of the top. That range is too wide for a single event and is best explained as redeposited material from an adjacent feature, not yet located.
Relationships
Is below1004
Fills1027
Is above1019
Same as1014, DK-08
1011 half-sectioned, looking north.500 mmCeramic from 1011, laid out by depth.100 mm
ExcavationEditorialClaude Opus 5#excavation-context
Context
A single context written up as a report, with the number at 44px, the interpretation in prose, and photographs that all carry a scale bar.
Structure The ruler marking this context’s own band, then a 66ch interpretation column, a relationships list in mono, and two scaled photographs.
Site supervisor · since 2019
A. Bekele
6 SEASONS · 41 TRENCHES · MIOSA MEMBER 4482
Dry sieving, DK-07.200 mm
Contexts recorded412
Deepest supervised3.10 m
Sections drawn68
Objects handed in uncontexted4
Trenches supervised, by depth reached
KL-02Kilcarn Lane, season 2 · well shaft3.10 m
DK-11Kilcarn Lane, season 4 · ditch terminal2.20 m
AG-04Aughrim, season 3 · enclosure ditch1.90 m
DK-07Kilcarn Lane, season 4 · pit group1.62 m
NB-01Nendrum, season 1 · evaluation1.20 m
DK-05Kilcarn Lane, season 4 · evaluation0.70 m
ExcavationProfile & SocialClaude Opus 5#excavation-supervisor
Supervisor
A site supervisor’s record where their work is listed by the depth they reached rather than by season, and their uncontexted rate is stated plainly.
Structure The ruler beside a trench history ordered by deepest reached, and a plain figures block that includes the number of objects handed in without context.
DK-07 at the end of the last working day.1 mYou are on
DK-07
Currently at1.62 m
Open context1027
SupervisorA. Bekele
GridN 4501 8904
Everything you record today is stamped with your name, the context number and the depth. A find without a context number will be catalogued outside the sequence and will stay there.
ExcavationAuth & OnboardingClaude Opus 5#excavation-signon
Site Sign-On
Signing on at the site hut, where the trench you are assigned to and the depth it currently stands at are stated before any credential is asked for.
Structure A trench photograph beside a form column that opens with an assignment block and a miniature ruler showing the current depth reached.
#0412
Adaptive sampling under distributional drift
Blind · 4 authors · submitted 11 May
We consider the problem of maintaining calibrated estimates when the sampling distribution shifts faster than the evaluation window. The central claim is that a fixed-window estimator is not merely suboptimal but systematically biased in the direction of the most recent regime.
Section 3 develops the bound. Section 4 evaluates it on three public traces, two of which contain a documented regime change.
3. The bound
Let the drift rate be bounded above by δ per unit interval. We show that any estimator with a window of length w incurs excess error proportional to δw regardless of sample size, which is the result that motivates the adaptive scheme.
Expert LensApp ShellClaude Opus 5#expert-lens-review-desk
Review Desk
A reviewer workspace where the submission, the criteria and your verdict are all on screen at once, because switching tabs is how reviews get inconsistent.
Structure Three columns at 240px / 1fr / 320px — assignment list, submission text, scoring panel; the scoring panel is the only lit surface and the rest recedes.
7.4of 10
Verdict
Technically sound and one experiment short of convincing.
Reviewed by K. Adeyemi over three sessions · 11–14 May
The bound in Section 3 is correct and, as far as I can establish, new. The evaluation that follows it does not test the thing the bound is about.
What works
The derivation is clean and the constant is not hidden. Where similar papers bury the dependence on window length in an appendix, this one puts it in the statement, which makes the claim falsifiable.
What does not
Two of the three traces contain a documented regime change. The third does not, and including it inflates the average improvement without adding evidence. Removing it would strengthen the paper.
What would change my mind
A synthetic trace with a controllable drift rate. That is a day of work and it would turn a plausible result into a demonstrated one.
Expert LensEditorialClaude Opus 5#expert-lens-verdict
Verdict Page
A published review that leads with the verdict and the reasoning behind it, and only then tells you what the thing is.
Structure A wide verdict band across the top carrying a single large numeral and a one-line judgement, then a 34rem argument column with a scoring breakdown pinned to its right at 200px.
Restricted · Panel only
Kilcarn Reservoir, structural assessment
Compiled 14 July · 6 claims · 2 disputed
The east wall has moved since 2019.
High confidence
Survey 4.2mm cumulative displacement, three independent measurements, Jan 2019 – May 2026.
Photograph Crack at the third buttress visible in 2021 imagery, absent in 2018.
The movement is seasonal rather than progressive.
Contested
For Displacement correlates with reservoir level at r = 0.81 across seven cycles.
Against The 2023 minimum did not return to the 2019 baseline, which a purely seasonal model does not predict.
No immediate intervention is required.
Low confidence
Basis Movement remains within the design tolerance stated in the 1974 drawings.
Caveat Those drawings assume a drawdown regime the reservoir has not operated under since 2011.
Exhibit C Core samples taken at the third buttress, laid out in extraction order.
Expert LensEditorialClaude Opus 5#expert-lens-dossier
Evidence Dossier
A dossier where each claim is followed by the evidence that supports it and a confidence marker, so nothing floats unattributed.
Structure Claim blocks stacked full width, each one a lit card containing the claim, an indented evidence list and a confidence chip aligned right; the page ground stays unlit between them.
6/6K. AdeyemiDone
4/6R. VasquezOn track
1/6T. Okonkwo4 days late
5/6M. FengOn track
3/6S. HalvorsenOn track
Round 3 · 24 submissions
ID
Title
Reviews
Spread
State
#0412
Adaptive sampling under drift
3 / 3
Split
#0418
A note on partial identification
2 / 3
Waiting
#0421
Reproducibility of the 2024 panel
3 / 3
Accept
#0404
Cost curves in cold storage
3 / 3
Reject
#0399
On the failure of held-out splits
1 / 3
Waiting
Expert LensDashboardClaude Opus 5#expert-lens-panel-queue
Panel Queue
A chair's view of a review round: who has what, who is late, and where two reviewers disagree enough to need a third.
Structure A load strip of reviewer avatars with progress rings across the top, then a submission table whose spread column is a small two-dot plot rather than a number.
Submission #0412 · score matrix
Five reviewers, four criteria, scored 1–5. Tint is score; the outline marks the two cells the chair flagged.
Reviewer
Novelty
Rigour
Clarity
Impact
Mean
K. Adeyemi
4
3
5
3
3.8
R. Vasquez
5
4
4
4
4.3
T. Okonkwo
2
2
3
1
2.0
M. Feng
4
3
4
3
3.5
S. Halvorsen
3
4
5
2
3.5
Variance
1.36
0.64
0.56
1.20
—
Expert LensData & ReportsClaude Opus 5#expert-lens-scoring-matrix
Scoring Matrix
Every reviewer against every criterion, with the cell tinted by score so disagreement is a visible pattern rather than a number you have to compute.
Structure A heat-tinted matrix with reviewers as rows and criteria as columns; a mean column on the right and a variance row beneath, both set apart by a heavier rule.
0412-revision-2.pdf14 notes · 3 unresolved
4. Evaluation
We evaluate on three public traces. Two contain a documented regime change; the third is included as a control. All three are downsampled to a common interval before evaluation.
Table 2 reports the mean absolute calibration error for the fixed-window baseline and for the adaptive scheme. The adaptive scheme improves on the baseline by 18% on average across the three traces.
We note that improvement is concentrated in the two traces containing a regime change, and that performance on the control trace is within noise of the baseline, which is the expected behaviour.
Expert LensApp ShellClaude Opus 5#expert-lens-annotation
Annotation View
A document with a live annotation gutter, where selecting a passage is what creates the note rather than a separate button.
Structure A 40rem document column with a 300px gutter of notes to its right; each note connects to its passage with a hairline leader and highlights the passage on hover.
Since brief 14
Adoption in the enterprise segment rose 6 points, reversing two quarters of decline.
Trial-to-paid fell to 11.2%, the lowest recorded.
No change in churn, which remains the strongest signal in the series.
Trials are converting worse and the cause is upstream
The drop is not in the trial experience. It is in who is starting trials at all.
Segmenting starts by source shows the decline is entirely within self-serve traffic from a single referral partner, whose audience does not match the product. Excluding that source, conversion is flat at 14.8%.
The recommendation is to stop treating this as a conversion problem. The trial funnel is doing what it did last quarter; the input changed.
What we would need to be wrong
If the excluded source were converting at its historical rate elsewhere, the argument fails. It is not — that cohort converts at 3.1% on every surface we can measure.
Expert LensData & ReportsClaude Opus 5#expert-lens-brief
Research Brief
A one-screen brief that opens with what changed since the last one, so a returning reader knows immediately whether to keep reading.
Structure A "since last time" band, then a two-column body where the left is the finding and the right is a stack of small charts, each captioned with its own one-line reading.
Proposal A — Rebuild
£1.4m · 14 months
Rubric
Proposal B — Repair
£620k · 5 months
Full design life restored.
New structure carries a 60-year design life with a current-code safety factor.
Design life
Extends by 15–20 years.
Repair addresses the observed movement but not the underlying drainage.
Reservoir out of service 14 months.
Requires full drawdown and a temporary supply agreement.
Disruption
Out of service 6 weeks.
Partial drawdown only; no temporary supply needed.
Low residual risk.
Nothing of the original east wall is retained.
Residual risk
Moderate, and not fully characterised.
Depends on the seasonal hypothesis, which the panel has not accepted.
Committed at award.
Fixed-price contract, one contractor, no staged decision point.
Optionality
Preserves the choice.
Repair now does not preclude rebuild in 2032, and buys five years of monitoring.
Expert LensSearch & BrowseClaude Opus 5#expert-lens-side-by-side
Side by Side
Two candidates evaluated against the same rubric, with a synchronised scroll so equivalent sections stay level.
Structure Two mirrored columns sharing one central rubric spine; the spine names the criterion and the columns carry the evidence, so the eye compares across a fixed axis.
…two of the three traces contain a documented regime change, and the improvement in calibration error is concentrated entirely in those two…
On the failure of held-out splits
#0399 · Round 3 · 1 review · 28 April 2026
…a held-out split assumes exchangeability, which any regime change violates by construction; the resulting calibration estimate is optimistic by a factor that grows with…
Cost curves in cold storage
#0404 · Round 3 · 3 reviews · 2 May 2026
…the authors mention calibration once, in a footnote, and do not test whether the pricing regime change in 2023 affects their…
Reproducibility of the 2024 panel
#0421 · Round 3 · 3 reviews · 14 May 2026
…we reproduce nine of eleven results. The two failures both involve calibration under a synthetic regime change, which suggests a seed-dependence the original…
Expert LensSearch & BrowseClaude Opus 5#expert-lens-night-archive
Night Archive
A search built for long sessions in the dark: results are text-first, the query stays visible, and the only bright thing on screen is the match.
Structure Centred 44rem column with a persistent query header; results are unboxed text blocks separated by rules, with the matched phrase highlighted inside a snippet.
Reviewer since 2019
Kemi Adeyemi
Chartered engineer. Reviews structural assessments and anything involving a bound nobody has checked.
Reviews184
Median turnaround6d
Bias vs panel−0.3Scores slightly below the mean
Dissent rate11%Panel average is 9%
Published reviews
Adaptive sampling under drift
#0412 · May 2026
7.4
Cost curves in cold storage
#0404 · May 2026
2.2
Kilcarn Reservoir assessment
#0388 · March 2026
5.6
On the failure of held-out splits
#0399 · April 2026
6.2
Panel mean This reviewer
Expert LensProfile & SocialClaude Opus 5#expert-lens-reviewer
Reviewer Profile
A reviewer page that publishes calibration — how their scores compare with the panel — rather than a count of reviews completed.
Structure Portrait bled into the top-left corner with the identity overlaid on it; below, a calibration strip and a list of published reviews with each verdict shown as a small dot against the panel mean.
Invitation · expires 21 May
Review for Round 4
The chair has asked you to take six submissions in structural assessment. Your last round closed on time with a 6-day median.
Submissions
6
Estimated effort
90 minutes each
Window
2 June – 30 June
Blind
Double, authors not visible
Conflicts declared
None found automatically — please check
Expert LensAuth & OnboardingClaude Opus 5#expert-lens-invitation
Panel Invitation
An invitation that states the workload before it asks for a yes, and lets you decline with a reason in one click.
Structure A single lit card centred on darkness; the commitment is a small table above the accept controls, and decline is a peer of accept rather than a link hidden underneath.
Peer review infrastructure
Reviews that disagree are the ones worth reading.
Lens keeps dissent visible instead of averaging it away, and publishes reviewer calibration so a low score means something.
of reviews on Lens record a formal dissent, against 3% on the platforms it replaced.
Internal, 2,140 rounds
6 days
median turnaround, unchanged after calibration publishing was introduced.
Internal, 18 months
2.1×
more third-reviewer assignments, because splits are detected rather than resolved by rounding.
Internal, 2,140 rounds
Three things it does differently
Publishes reviewer bias
Every reviewer's mean offset from the panel is visible on their profile. Nobody is penalised for it; everybody reads scores in context.
Refuses to average a split
When two reviewers are more than two points apart, the round does not close. It assigns a third.
Keeps the dissent in the record
Minority opinions are published alongside the decision, attributed after the round closes.
Expert LensLandingClaude Opus 5#expert-lens-feature
Feature Landing
A dark landing page that opens with a claim it can defend, and puts the evidence directly underneath rather than three sections down.
Structure Full-width dark hero with a duotone image bled behind a left-aligned claim, then three evidence blocks in a row where each one is a number and a source rather than a benefit.
A contractor front page where the headline is stencil-sized, the proof is a table of finished jobs, and the only soft thing on the page is the sky in the photograph.
Structure A hero whose headline spans all twelve columns at 92px with the image butted directly beneath it edge to edge, then a four-column capability band divided only by 3px rules.
06:38CP-01 arrived at gate 2 · pour 3 scheduled 07:00
06:12DZ-01 reported down · hydraulic hose, fitter called
05:55EX-02 started · operator J. Oyelaran
05:40GN-01 locked out · 500h service overdue by 40h
Ferro BrutDashboardClaude Opus 5#ferro-brut-plant
Plant Status
Machines as a wall of blocks: each one a plain rectangle whose fill says whether it is running, idle or down, readable across a site office.
Structure A six-across grid of equal square blocks with zero gutter, separated only by their own 3px borders, under a single-row status bar that spans the full width.
Bill of quantities
Hollin Bank flood wall · rev C · issued 12 Aug 2026
Tender total
£2,861,400
Against budget
−1.4%
Item
Description
Qty
Unit
Rate
Amount
Var
A · Groundworks
A.01
Site clearance and strip
4,820
m²
6.40
30,848
−2%
A.02
Bulk excavation to reduce level
11,400
m³
14.20
161,880
0%
A.03
Disposal off site, non-hazardous
9,120
m³
28.90
263,568
+9%
Subtotal A
456,296
−1%
B · Structural concrete
B.01
Blinding, 50mm GEN1
2,410
m²
11.80
28,438
0%
B.02
Reinforced wall, C40/50
1,860
m³
318.00
591,480
−3%
B.03
Reinforcement, high yield
214
t
1,940.00
415,160
+4%
Subtotal B
1,035,078
0%
Ferro BrutData & ReportsClaude Opus 5#ferro-brut-tender
Tender Sheet
A priced bill of quantities with the arithmetic shown, because the number at the bottom is the whole argument and it has to be checkable.
Structure A full-bleed table with a 3px rule under every section subtotal and a sticky total bar welded to the bottom edge, plus a variance column that is the only place the accent appears.
Day rates
Plant with operator, ten-hour day, fuel included. Rates hold for the length of the contract.
Single
£640per machine day
One machine, one operator
Minimum two days
48 hours notice
Fuel included
Most booked
Crew
£2,880per crew day
Four machines, four operators
Site supervisor included
Minimum five days
Fuel and transport included
Contract
POApriced per package
Whole package, priced up front
Named supervision
Programme guarantee
Retention terms negotiable
What you get
Single
Crew
Contract
Operator supplied
Yes
Yes
Yes
Site supervisor
No
Yes
Named
Transport to site
Charged
Included
Included
Programme guarantee
No
No
Yes
Notice to cancel
48 h
5 days
Per contract
Ferro BrutPricingClaude Opus 5#ferro-brut-rates
Day Rates
Three hire rates as three concrete blocks of equal weight, with the differences pushed into a comparison table rather than into badges and ticks.
Structure Three equal columns butted together with no gap, each a full-height block, followed by a comparison table whose rows are 3px-ruled and whose only fill is the recommended column.
Hire
31 machines
22t tracked excavator
Zero tail swing · quick hitch · 9.4m reach
Weight
22.4 t
Rate
£640
Free
Mon
14t tracked excavator
Standard boom · tilt rotator · 8.1m reach
Weight
14.1 t
Rate
£520
Free
Wed
30t tracked excavator
Long reach · 13.2m · rock breaker mount
Weight
30.8 t
Rate
£880
Free
—
8t wheeled excavator
Road legal · blade · 6.0m reach
Weight
8.2 t
Rate
£410
Free
Mon
Ferro BrutSearch & BrowseClaude Opus 5#ferro-brut-hire
Hire Catalogue
A plant catalogue where the filters are a single ruled column of checkboxes and every machine is a wide row with its weight and reach set in mono.
Structure A 240px filter column with a 3px rule down its right edge, and machines as full-width rows 132px tall whose photographs are square and butted to the left edge of the row.
412days since a reportable incidentPrevious best: 388 · Recorded across all 41 crews
We publish the bad ones too.
Every RIDDOR-reportable incident in the last six years is listed here with what we changed afterwards. If a contractor will not show you this list, ask why.
R. Idowu · Head of Safety
14 Jun 2025Fall from height, 2.4m
Edge protection removed for a delivery and not reinstated. Now: no delivery is booked without a named person responsible for reinstatement, checked at the gate.
02 Nov 2024Struck by swinging load
Tag line not used on a long steel section. Now: tag lines are mandatory on any lift over 3m, and the lift plan will not print without one.
19 Mar 2024Hand injury, rebar
Cap missing on a projecting bar. Now: capping is checked at every crew handover, not once a shift.
Ferro BrutMarketingClaude Opus 5#ferro-brut-safety
Safety Notice
A safety record page that refuses to be a brochure: one enormous number, the incidents that produced it, and what changed after each one.
Structure A single 220px-tall number band across the full width, then a two-column split where the left is a fixed statement and the right is a ruled list of incidents and their fixes.
Kilcarn Flood — Sector 3
Op 4417 · day 2 · 09:14Declared major
AA-01Units committed18of 24 available
AA-02Properties affected412+61 since 06:00
AA-03River level4.62 mpeak expected 11:40
AA-04Rest centres3204 of 400 capacity
DK-07
Committed units
Unit
Type
Grid
Task
Committed
Status
R-114
High volume pump
NH 2032 2311
Pumping, Marsh Lane
06:12
On task
R-118
Boat crew
NH 2044 2298
Evacuation, Riverside Row
06:40
On task
R-122
Boat crew
NH 2051 2280
Evacuation, Riverside Row
06:40
On task
S-204
Sandbag team
NH 2018 2340
Defence, Mill Bridge
07:02
On task
S-211
Sandbag team
NH 2019 2338
Defence, Mill Bridge
07:02
Standing by
M-330
Welfare
NH 1990 2352
Rest centre, Kilcarn Hall
05:30
On task
Field SurveyDashboardClaude Opus 5#field-survey-command
Incident Command
A command view where every region is a named grid cell, so an instruction given over the radio maps to an exact part of the screen without anyone describing it.
Structure A ruled reference grid: four addressable cells across the top, a wide unit table below, and a marked-annotations column, all separated by 1px rules.
Field SurveyApp ShellClaude Opus 5#field-survey-dispatch
Dispatch Shell
A dispatch frame with a 2px active border and instant state changes, because an eased transition suggests something is being considered and here things either are or are not.
Structure A 210px sector rail, an addressable queue grid and a unit detail cell; the active region carries a 2px frame and everything else 1px.
CH-01
River level, Kilcarn gauge
Observed and forecast, 24 h
Flood defence level · 4.80 m
03:0007:0011:0015:0019:00
Forecast peak 4.91 m at 11:40, which is 0.11 m above the defence level. Steps are hourly because the model outputs hourly; a smooth line would imply a precision the model does not have.
CH-02
Gauges in sector
Gauge
Grid
Now
Peak
Defence
Margin
Trend
Kilcarn
NH 2032 2311
4.62
4.91
4.80
−0.11
Rising
Mill Bridge
NH 2018 2340
3.88
4.10
4.40
+0.30
Rising
Beckton Way
NH 2002 2380
2.94
3.11
3.90
+0.79
Rising
Riverside Row
NH 2044 2298
4.41
4.70
4.55
−0.15
Rising
Kilcarn Terrace
NH 1988 2360
1.02
1.14
2.60
+1.46
Steady
Riverside Row is marked: the gauge there has been reading 0.08 m high since the January service and the true margin is probably −0.07 m.
Field SurveyData & ReportsClaude Opus 5#field-survey-readings
Gauge Readings
A readings report where the forecast peak is a hard stepped line rather than a smooth curve, matching a system that refuses to imply more precision than it has.
Structure A wide stepped chart in an addressable cell above a fully ruled reading table, with each panel referenced in its top-left corner.
Find equipment
9 of 412 assetsAS-01
HV Pump 4417
Held at
County store
Grid
NH 1930 2410
Travel
18 min
Rate
7,000 l/min
AvailableAS-02
HV Pump 4422
Held at
Beckton depot
Grid
NH 2002 2380
Travel
9 min
Rate
7,000 l/min
AvailableAS-03
HV Pump 4430
Held at
Workshop
Grid
NH 1902 2440
Travel
26 min
Rate
7,000 l/min
Out of serviceAS-04
Trailer Pump 220
Held at
Mill Bridge
Grid
NH 2018 2340
Travel
4 min
Rate
1,800 l/min
On site, idleAS-05
Trailer Pump 224
Held at
County store
Grid
NH 1930 2410
Travel
18 min
Rate
1,800 l/min
AvailableAS-06
Submersible set
Held at
Beckton depot
Grid
NH 2002 2380
Travel
9 min
Rate
400 l/min
Available
Field SurveySearch & BrowseClaude Opus 5#field-survey-assets
Asset Search
A search across physical assets that filters by what a crew can actually reach in the time they have, rather than by distance in a straight line.
Structure A query row with a travel-time selector, then square-cornered result cells in a 3-up ruled grid with the grid reference as the identifier.
DF-01
Escalate incident
Escalation notifies external agencies immediately and cannot be reversed without a stand-down declaration signed by the same officer.
LevelNotify
Agency
Immediate
Acknowledge
Liaison officer
Police
Fire and rescue
Ambulance
Local authority
Environment agency
Utilities
Field SurveySettings & FormsClaude Opus 5#field-survey-declare
Declaration Form
The form that escalates an incident, with the consequences of each level printed beside it because this is a decision made once and under pressure.
Structure A single 820px ruled column: level selection as full-width cells with consequences inline, then notification targets as a checkbox matrix.
AA-01
Field Survey
Operational coordination for agencies that work outdoors. Every panel is addressable, every reading is a grid reference, and nothing in the interface moves unless something in the world did.
Every region of every view carries a two-letter, two-digit reference. Over a radio, "check DK-07" is unambiguous. That is the whole feature and it took a year to get right.
AA-03
Built for bright light
Olive drab with a survey blue that could not occur in a landscape. The contrast ratios hold on a cracked screen in direct sun, which is where this is actually used.
AA-04
Stepped, not smooth
Forecasts are drawn as steps because the models output steps. A smooth line implies a precision nobody has and encourages decisions the data cannot support.
Field SurveyLandingClaude Opus 5#field-survey-service
Service Front
A front page for an operations platform that opens on a real grid reference and states its numbers without a single adjective.
Structure A full-bleed grayscale hero with a referenced overlay cell, a four-figure ruled band, and a three-column capability set with no cards.
OP-01 · photo taken 04.2024
OP-02
K. Halvorsen
Tactical Commander · Sector 3 · service number 4417
Deployments
61
Hours, 12 months
418
Current quals
9 of 11
Next revalidation
14 Aug
OP-03
Qualifications
Qualification
Awarded
Expires
Remaining
Status
Tactical command, multi-agency
14.08.2023
14.08.2026
64 d
Expiring
Swiftwater rescue, technician
02.03.2025
02.03.2028
1 y 8 m
Current
Incident ground safety
19.11.2024
19.11.2027
1 y 5 m
Current
Boat handling, inshore
08.07.2023
08.07.2026
27 d
Expiring
Confined space entry
11.02.2022
11.02.2025
lapsed
Lapsed
First aid at work
30.09.2024
30.09.2027
1 y 3 m
Current
Two qualifications lapse within 90 days. Boat handling cannot be renewed in Sector 3 — the nearest assessment is at the county centre and runs monthly.
Field SurveyProfile & SocialClaude Opus 5#field-survey-operator
Operator Record
A personnel record built from qualifications with expiry dates, because in this domain the profile question is always whether someone is still current.
Structure A square portrait cell beside a ruled qualification table where anything expiring within 90 days is filled with the destructive colour.
Fitting RoomApp ShellClaude Opus 5#fitting-room-wardrobe
Wardrobe
The main screen: a fourteen-day calendar rail with item blocks positioned at their return dates, and a grid beneath where every card starts with a date.
Structure A pinned calendar rail with a 2px amber today line and positioned blocks, over a four-up grid of 3:4 cards whose first element is the return date.
Available from 14 Mar · 14 nights
Wool overcoat, navy
UK 12GoodDouble breasted
A heavy Irish wool, cut long and slightly boxy, with the shoulder taken in from the original. Worn eleven times; the cuffs have been rebound once, which is noted honestly rather than hidden.
£4614 nights · insurance and cleaning included
If you extend
14 nights
14
15
16
17
18
19
20
21
22
23
24
25
26
27
Wool overcoat · returns 28 Mar
The block moves as you press. You see where the item lands before you commit to it, which is the only reason this control exists rather than a date picker.
Fitting RoomCommerceClaude Opus 5#fitting-room-item
Item
A rental item page opening on its available-from date rather than its price, with a 3:4 image and the extend stepper that moves the rail block live.
Structure A 3:4 image column beside a detail column whose first line is the date; an extend stepper below shows the consequence on a miniature rail.
Available nowThis weekUK 12Outerwear31 ITEMS · SORTED BY WHEN THEY COME FREEFree now
Wool overcoat, navy
£4614 nights
Free now
Trench, stone
£3814 nights
Free 14 Mar
Quilted jacket, moss
£3114 nights
Free 17 Mar
Wool cape, oatmeal
£5214 nights
Free 21 Mar
Leather blouson, tan
£5814 nights
Fitting RoomSearch & BrowseClaude Opus 5#fitting-room-browse
Browse
Browsing what is available, sorted by the date each item comes free rather than by newness, with the available-from date first on every card.
Structure A filter row over a five-up grid of 3:4 cards; each card leads with its available-from date, and unavailable items keep their slot with a later date.
Member since November 2024
Marta Reyes
UK 12TallShoe 39Prefers wool
Out now4
Returned on time92%
Nights this year184
Where things have sat on the rail
Mar
Feb
Jan
Dec
Fitting RoomProfile & SocialClaude Opus 5#fitting-room-member
Member
A member’s page where the history is a run of past rail positions rather than a list of orders, and their sizes are stated once at the top.
Structure An identity block with fixed sizes, then a rail-shaped history strip per month, then a ruled list of what is currently out with dates first.
Membership
Priced by how much rail you get
A plan is a number of items that can be out at once. Nights are unlimited within that; you can keep something for a month if you want, it just occupies a slot while you do.
Two on the rail
£48 a month
Two items out at once
Unlimited swaps
Cleaning and insurance included
Return postage included
Four on the rail
£82 a month
Four items out at once
Unlimited swaps
Cleaning and insurance included
Return postage included
Reserve an item up to 30 days ahead
Eight on the rail
£145 a month
Eight items out at once
Unlimited swaps
Cleaning and insurance included
Return postage included
Reserve up to 30 days ahead
Alterations at cost
Fitting RoomPricingClaude Opus 5#fitting-room-plans
Plans
Membership tiers priced by how many items can sit on the rail at once, with each plan illustrated by a rail carrying that many blocks.
Structure Three plans, each headed by a miniature rail showing the number of concurrent blocks it allows, then a price and a feature list.
Fitting Room · clothing rental
You have it until the fourteenth
Everything here is organised by when it goes back, not by when you got it. The calendar is the navigation, and the date is the first thing on every card in the application.
M09
T10
W11
T12
F13
S14
S15
M16
T17
W18
T19
F20
S21
S22
Wool overcoatSilk shirtPleated trousersKnit dress
Everything on the rail this week, in the order it comes back.
The date is the first fact
Top-left of every card, in mono, with an amber rule under it. Before the name, before the price, before the photograph.
Nothing is sorted by date added
There is no "recently added" anywhere in the product. Items sort by when they come free, which is the only ordering that helps you plan.
Extending shows you where it lands
Press the stepper and the block moves along the rail as you press. You see the consequence before you commit to it.
Fitting RoomLandingClaude Opus 5#fitting-room-front
Front
A landing page whose hero is the calendar rail itself, making the argument that a wardrobe you do not own is organised by dates rather than by purchases.
Structure A rail with populated blocks as the hero object beside the claim, then a warm 3:4 photograph, then three ruled promises about dates over orders.
Account · returns
How your rail behaves
These defaults apply to anything you take out from now on. Items already on the rail keep the terms they went out under.
Default rental lengthnights
Remind me before an item is duedays
Auto-extend if I have a free slot
Grace period before late nights are chargeddays
Collection dayMTWTFSS
Your rail under these settings
09
10
11
12
13
14
15
16
17
18
19
20
21
22
Overcoat · in grace until 12 MarSilk shirtTrousersKnit dress
Fitting RoomSettings & FormsClaude Opus 5#fitting-room-returns
Return Setup
Configuring returns, where every setting is expressed in days and the rail preview at the foot shows what those settings do to a real item.
Structure Ruled setting rows with mono day fields, then a live rail preview that redraws the current items under the chosen defaults.
Consumer price index
32 markets · monthly · to Aug 2026
Market
Aug
Jul
Jun
May
Apr
Mar
12 m
Trend
United Kingdom
3.4
3.6
3.5
3.9
4.1
4.4
(1.0)
United States
2.9
3.0
3.1
3.2
3.4
3.4
(0.5)
Euro area
2.2
2.3
2.4
2.4
2.6
2.8
(0.6)
Japan
2.8
2.7
2.6
2.4
2.3
2.1
0.7
Canada
2.4
2.5
2.6
2.8
2.9
3.1
(0.7)
Australia
3.1
3.2
3.4
3.6
3.7
3.8
(0.7)
Norway
2.6
2.6
2.8
3.0
3.2
3.3
(0.7)
Poland
4.2
4.4
4.6
4.9
5.1
5.4
(1.2)
Türkiye
31.8
33.1
35.0
37.4
39.9
42.6
(10.8)
Switzerland
0.9
0.9
1.0
1.1
1.1
1.2
(0.3)
Frost IndexData & ReportsClaude Opus 5#frost-index-matrix
Index Matrix
Thirty rows and nine columns with a frozen first column and a frozen header, built so a person can compare down a column without losing which row they are on.
Structure A single scrolling frame with both the header row and the name column pinned, an inline sparkline column at a fixed 84px, and no card, panel or gap anywhere in the table.
FTSE 1008,412.40(0.42%)S&P 5005,982.110.18%EUR/USD1.0914(0.09%)Brent78.221.24%UK 10y4.118(0.03)14:02:11 UTCYield curve · five tenorsbp, month on monthLargest movessession
Ashmore Grp
4.81
1,204k
Croda Intl
3.92
882k
Segro
2.14
2,110k
Ocado Grp
(3.08)
4,660k
Fresnillo
(4.42)
1,018k
Endeavour Mng
(5.17)
742k
Depth · FTSE futuretop of book
8,414.5140
8,414.0341
8,413.5240
8,412.40last
8,412.0388
8,411.5280
8,411.0120
Todayreleases
08:00DE ifo business climate88.4 exp · 87.9 prev
13:30US initial claims214k exp · 219k prev
15:00US existing home sales4.11m exp
19:00FOMC minutesJuly meeting
Frost IndexDashboardClaude Opus 5#frost-index-desk
Market Desk
A trading-desk layout where five monochrome series share one axis and the legend is the only place the series are named, because they are all the same measurement.
Structure A four-quadrant grid at equal weight with hairline dividers and no gaps, so the whole screen reads as one instrument rather than as four cards.
Name
Sector
Cap £m
P/E
Yield
ND/EBITDA
CAGR
Halma
Industrials
11,204
17.2
2.1
1.4
8.4
Spirax Group
Industrials
6,880
16.1
2.4
1.9
6.2
Diploma
Distribution
5,412
15.8
2.0
1.1
11.0
Bunzl
Distribution
10,118
13.4
2.6
1.7
4.8
Croda Intl
Chemicals
4,902
14.9
3.1
2.2
3.4
Rotork
Industrials
2,884
16.8
2.2
0.4
5.1
Genus
Health
1,204
17.9
2.0
2.4
3.9
Victrex
Chemicals
802
12.1
4.2
0.8
3.1
Frost IndexSearch & BrowseClaude Opus 5#frost-index-screener
Screener
A screener whose filters are numeric ranges with live counts, so you can see how many results a criterion costs you before you apply it.
Structure A 300px filter column of paired min and max inputs with a result count beside each, and a hairline result table that begins at the very top of the page with no header band.
>⌘K14:02:11 UTC · delayed 15 min
Description
Halma plc is a group of life-saving technology companies operating through three sectors: safety, environmental and analysis, and healthcare. The group acquires and holds small industrial businesses with defensible niches and devolves operating decisions to them.
Segment revenue, £m
Segment
FY26
FY25
FY24
3y CAGR
Safety
844.1
781.0
712.4
8.8
Environmental & analysis
602.8
571.2
540.9
5.6
Healthcare
418.4
402.1
388.0
3.8
Total
1,865.3
1,754.3
1,641.3
6.6
Recent filings
02 SepDirector/PDMR shareholding
28 AugTotal voting rights
14 AugHalf-year report
01 AugBlock listing six monthly return
Frost IndexApp ShellClaude Opus 5#frost-index-terminal
Reference Terminal
An application shell built around a command palette rather than a sidebar, because the people using it know the ticker before they open the page.
Structure A 44px command bar across the top, a 56px icon-free text rail on the left, and a document pane split into a fixed 240px summary and a scrolling body.
Thirty-two markets, eleven series, back to 1994. When a statistical office revises a print we keep both, and the API tells you which one you would have seen on the day.
A marketing page for a data product that shows the actual data as the hero, at the density the product ships, rather than a simplified cartoon of it.
Structure A short centred headline block above a full-bleed live table that is deliberately cut off by the fold, followed by a four-column coverage band of pure counts.
API keys
Four active · plan allows six
Label
Prefix
Scope
Usage this hour
Last used
Created
Production ingest
fx_live_8f2c
read, stream
8,204 / 10,000
2 min ago
2025-11-04
Research notebook
fx_live_1a90
read
1,402 / 10,000
18 min ago
2026-02-19
Backfill job
fx_live_c441
read, history
10,000 / 10,000
now
2026-08-30
Status page
fx_pub_77de
read, public
304 / 10,000
1 h ago
2024-06-11
New key
The key is shown once, on creation. We do not store a copy we can show you again.
Frost IndexSettings & FormsClaude Opus 5#frost-index-api
API Keys
Key management where the rate limits are shown as a used-against-allowed bar per key, so the reason a key is failing is on the same row as the key.
Structure A dense hairline table of keys with an inline usage bar in the fourth column, and a create form that expands as a row of the same table rather than as a modal.
Published calls, last twelve
Date
Series
Period
Called
Actual
Error
Direction
2026-08-28
GB CPI
2026-08
3.5
3.4
0.10
Correct
2026-08-14
GB GDP
2026-Q2
0.5
0.6
0.10
Correct
2026-07-30
GB CPI
2026-07
3.9
3.6
0.30
Wrong
2026-07-16
EA CPI
2026-07
2.2
2.3
0.10
Correct
2026-06-27
GB CPI
2026-06
3.4
3.5
0.10
Correct
2026-06-12
GB GDP
2026-Q1
0.2
0.4
0.20
Correct
2026-05-29
GB CPI
2026-05
4.0
3.9
0.10
Correct
2026-05-15
EA CPI
2026-05
2.7
2.4
0.30
Wrong
Frost IndexProfile & SocialClaude Opus 5#frost-index-analyst
Analyst Page
A contributor page where the credibility is a hit rate on published forecasts, shown as a plain table of calls and outcomes rather than as a star rating.
Structure A 200px identity column pinned left with a fixed-width accuracy figure beneath it, and a scoring table on the right that runs to the page edge with no container.
SensorReadingBandDwell30 min
Vaccine fridge A · Clinic 14.1 °C17d 04h
Vaccine fridge B · Clinic 13.8 °C9d 22h
Kitchen walk-in · Depot 39.6 °C04h 12m
Blood store · Ward 7-31.4 °C61d 08h
Reefer 8841 · in transit-14.2 °C00h 38m
Ambient store · Depot 118.9 °C122d 03h
Frost SignalDashboardClaude Opus 5#frost-signal-console
Console
The wall console: one row per sensor at 44px, each carrying a state bar, a mono reading, its band drawn as a strip, and a thirty-minute trace.
Structure A fixed 300px summary column on the left and a dense sensor list on the right; rows never expand, selecting one fills a 380px detail panel.
Excursion report · FS-0441
Kitchen walk-in, Depot 3
12 March 04:18 — 08:30 UTC · closed by A. Bekele
Duration04:12:06
Peak9.8 °C
Band1.0 — 5.0
Degree-min1,184
107.552.50
04:0005:0006:0007:0008:0009:00
Sequence
04:18Reading left band at 5.1 °C. Alert raised to on-call.
04:31Acknowledged by A. Bekele. Door sensor reported open since 04:09.
05:02Door closed. Compressor cycle started.
08:30Reading re-entered band at 4.9 °C. Excursion closed.
Frost SignalData & ReportsClaude Opus 5#frost-signal-excursion
Excursion Report
The record of a single breach: duration, peak and degree-minutes in mono, with the permitted band drawn as a filled region behind the trace rather than described in a legend.
Structure A report header of four mono figures above a full-width chart whose band is a filled region, then a ruled timeline of what happened and who acknowledged it.
Frost Signal142 in range 6 out
Depot 3
41 sensors · 1 out of range · last poll 12s ago
Kitchen walk-in
9.6
°C · band 1.0—5.0Chill room A
3.2
°C · band 1.0—5.0Chill room B
4.4
°C · band 1.0—5.0Freezer 1
-19.8
°C · band -22—-16
Frost SignalApp ShellClaude Opus 5#frost-signal-estate
Estate Shell
The navigation frame: a site tree whose every node carries its own in-range count, and a header that states the estate state in two numbers and nothing else.
Structure A 260px site tree, a content well, and a 44px header; the tree nodes carry state bars so a collapsed branch still reports whether anything inside it is out.
Sensor FS-0441
Kitchen walk-in · Depot 3
Changes take effect at the next poll. Historic excursions are not recalculated against a new band.
Permitted range
-5051015
Escalation
Raise an alert afterminutes out of band
Escalate to on-call afterminutes unacknowledged
Quarantine stock atdegree-minutes
Suppress during defrost cycle
Notify by SMS as well as push
Frost SignalSettings & FormsClaude Opus 5#frost-signal-bands
Band Editor
Setting a sensor’s permitted range, where the form is the strip: dragging the two handles is the input and the mono numbers beside them follow.
Structure A wide range strip acting as the primary control with paired mono fields beneath, then escalation rules as ruled rows rather than a nested card stack.
Depot 3 · cold store corridorOn call now
A. Bekele
Shift 20:00 — 08:00 · 6 estates · 148 sensors
Taking the console signs out the previous operator. Unacknowledged excursions transfer with it.
Frost SignalAuth & OnboardingClaude Opus 5#frost-signal-standby
Standby
The on-call sign-in: a cold image at half the screen, the rota state stated in mono before the form, and a single acknowledge-capable session warning.
Structure A split screen with a full-bleed cold-store photograph on the left and a narrow form column on the right that opens with the rota, not the fields.
Cold chain monitoring
In range, or out of range.
There is no amber state, no “warning”, and no dashboard to interpret. A thing is within its band or it is not, and you find out in under a minute.
142in range
6out of range
54smedian time to alert
18mobattery, wireless sensors
7yrimmutable record retention
The band is drawn, not described
Every reading appears against its permitted range as a strip. You never read a number and then work out whether it is a problem — the strip has already told you.
Nothing on this screen blinks
A pulsing alert is one your eye filters out within an hour. A row that leaves range moves once, sharply, and then holds until somebody acknowledges it.
Degree-minutes, not just peaks
A brief spike and a long drift are different events with different consequences for stock. We record the area under the curve and quarantine on it.
Frost SignalLandingClaude Opus 5#frost-signal-cover
Cold Chain
A marketing page that leads with the binary: two counters, in range and out, at 56px in mono, before any prose about the product exists.
Structure A full-bleed cold image behind a two-figure counter block, then a three-column proof strip, then a single ruled feature run with no cards.
Per sensor · per month · billed annually
Three tiers, one estate
Every tier polls at the same rate and keeps the same record. What changes is who gets told and how fast.
Record
£4
per sensor / month
60-second polling
7-year immutable record
Band strips and excursion reports
On-call escalation
Degree-minute quarantine
Respond
£9
per sensor / month
60-second polling
7-year immutable record
Band strips and excursion reports
On-call escalation, SMS and push
Degree-minute quarantine
Release
£16
per sensor / month
60-second polling
7-year immutable record
Band strips and excursion reports
On-call escalation, SMS and push
Degree-minute quarantine and disposition
Frost SignalPricingClaude Opus 5#frost-signal-tiers
Sensor Tiers
Three plans priced per sensor per month, each carrying a green bar for what it includes and a red one for what it does not, using the system’s only two colours.
Structure Three equal columns with a 4px state bar at the top of each and a shared feature table beneath, where inclusion is a bar and not a tick.
Kilcarn Market · Stall 4
TODAY ON THE STALL
PRICED BY WEIGHT · UNIT PRICE ON EVERY LINE · NOTHING SHOWN WITHOUT ONE
Cavolo Nero
£2.40£4.80 / kg
Nendrum · 6 mi
1
Forced Rhubarb
£3.10£6.20 / kg
Nendrum · 6 mi
0
Maris Piper
£2.25£0.90 / kg
Ballyfin · 4 mi
2
Wild Garlic
£1.80No unit price recorded
The lane · 40 yd
0
Chicory
£1.95£7.80 / kg
Nendrum · 6 mi
0
Why one crate cannot be bought
The wild garlic has no per-kilo figure recorded, so it renders as a gap and cannot be added to a basket. We would rather lose the sale than show you a pack price with nothing to compare it to.
GreengrocerCommerceClaude Opus 5#greengrocer-stall
The Stall
A five-up crate grid where every card carries a category bar, a pack price at 40px and a unit price underneath it — and one card is deliberately a gap.
Structure Five columns of square-cornered crates at 14px gutters; every crate is the same height and the price block is fixed in order and position.
Sort£ / KGPACK PRICEDISTANCENEWEST
ALLLEAFROOTBRASSICAALLIUMFRUITHERB
ItemGrowerPackPer kilo
MARIS PIPERBALLYFIN · 4 MI£2.25 / 2.5 KG£0.90
SWEDEBALLYFIN · 4 MI£1.10 / 1 KG£1.10
SAVOY CABBAGENENDRUM · 6 MI£1.60 / 900 G£1.78
LEEKNENDRUM · 6 MI£1.40 / 500 G£2.80
CAVOLO NERONENDRUM · 6 MI£2.40 / 500 G£4.80
FORCED RHUBARBNENDRUM · 6 MI£3.10 / 500 G£6.20
CHICORYNENDRUM · 6 MI£1.95 / 250 G£7.80
GreengrocerSearch & BrowseClaude Opus 5#greengrocer-sortby
Sort by Unit Price
Browsing sorted by per-kilo price rather than by pack price, in a dense uppercase table where the unit column is the widest thing on the row.
Structure A row of uppercase filter chips over a fixed-height table whose unit-price column is set at 40px in Anton — the only place a table gets display type.
GREENGROCERVAN 2 · A. BEKELE · THU AM
1 · SLADE ROW
6 CRATES · 14.2 KG · ETA 08:20
CAVOLO NERO×42.0 KG£4.80 / KG
MARIS PIPER×25.0 KG£0.90 / KG
SAVOY CABBAGE×32.7 KG£1.78 / KG
LEEK×63.0 KG£2.80 / KG
CHICORY×61.5 KG£7.80 / KG
GreengrocerApp ShellClaude Opus 5#greengrocer-round
Round
The delivery driver’s shell: an uppercase route rail, crates listed by drop, and a total weight that is the largest figure on the screen.
Structure A 260px route rail, a dense drop list in the middle, and a summary column whose weight figure is set in Anton at poster size.
Nendrum Farm · Stall 4
NEW LISTING
GreengrocerSettings & FormsClaude Opus 5#greengrocer-listing
New Listing
The grower’s listing form, which will not let a product be saved without a unit price and shows the crate preview updating as the fields are filled.
Structure A two-column form with square 2px-bordered fields on the left and a live crate preview on the right that renders the missing-unit state until it is fixed.
Kilcarn Market · Stall 4
£0.90 A KILO
That is what Maris Pipers cost this week. It is also the only number we will ever put in the biggest type on this site, because it is the one that tells you something.
UNIT PRICE ON EVERYTHING
Every item shows its per-kilo, per-litre or per-each figure at thirteen pixels in semibold, directly under the pack price. Not in grey, not in a footnote.
NO UNIT PRICE, NO SALE
A product record without one renders as a gap with a note. We would rather lose the sale than show you a number you cannot compare.
SORTED BY THE KILO
The default sort is per-kilo, not pack price. It reorders the whole list, and the reordering is the point.
MARIS PIPER
£2.25£0.90 / KG
CAVOLO NERO
£2.40£4.80 / KG
SAVOY CABBAGE
£1.60£1.78 / KG
CHICORY
£1.95£7.80 / KG
GreengrocerLandingClaude Opus 5#greengrocer-front
Market Front
A grocery landing page that opens with a per-kilo figure at 76px rather than a lifestyle photograph, and states the unit-price rule as the offer.
Structure A hard-lit stall photograph behind a poster-scale unit price, then three uppercase claims with 6px category bars, then a crate row.
Weekly box · delivered Thursday
THREE BOXES
Every box shows its own per-kilo figure. The large box is not the best value this week and we are not going to hide that.
SMALL
£14.00£2.33 / KG
ABOUT 6 KG · FEEDS TWO
SIX OR SEVEN LINES
ROOTS, GREENS AND ONE FRUIT
SKIP ANY WEEK
MEDIUM
£21.00£2.10 / KG
ABOUT 10 KG · FEEDS THREE
NINE OR TEN LINES
ROOTS, GREENS, HERB AND FRUIT
SKIP ANY WEEK
BEST PER KILO THIS WEEK
LARGE
£34.00£2.27 / KG
ABOUT 15 KG · FEEDS FIVE
THIRTEEN OR FOURTEEN LINES
EVERYTHING IN MEDIUM PLUS POTATOES
SKIP ANY WEEK
GreengrocerPricingClaude Opus 5#greengrocer-boxes
Box Scheme
Three veg boxes priced with their own per-kilo figure, so a bigger box is not automatically better value and the page says which one is.
Structure Three crates in a row, each with a pack price at 40px and its per-kilo figure underlined in accent, plus a comparison rule beneath.
Who grows it
FIVE FARMS, SIX MILES
Everything on the stall this week came from within six miles, which sounds like a boast and is mostly an accident of who happens to farm here. We pay them the week they deliver.
NENDRUM
6 MI14 LINES THIS WEEK
Leaf and brassica, forced rhubarb in a dark shed that has been there longer than anyone can account for.
BALLYFIN
4 MI8 LINES THIS WEEK
Roots, mostly. Potatoes that are honestly a bit ugly and taste like potatoes are supposed to.
AUGHRIM
5 MI5 LINES THIS WEEK
Herbs and salad under glass, and the only tomatoes we will sell before June.
THE STRAND
2 MI3 LINES THIS WEEK
Two polytunnels behind a bungalow. Everything from here sells out by nine.
GreengrocerMarketingClaude Opus 5#greengrocer-growers
Growers
A campaign page for the growers where each farm is a crate with its distance in place of a price and the same 6px category bar system.
Structure A hard-lit stall image, then grower crates whose price block position is occupied by the distance figure, keeping the layout identical.
Type scale · v4.2
Every line height multiplies to eight
Not approximately. 14px at 1.7143 is exactly 24px; 16px at 1.75 is exactly 28px. The grid below is the real one, at the real spacing, and every row on this page sits on it.
body-sm
The quick brown fox jumps over the lazy dog
12 / 20 · 2.5 baselines
body-md
The quick brown fox jumps over the lazy dog
14 / 24 · 3 baselines
body-lg
The quick brown fox jumps over the lazy dog
16 / 28 · 3.5 baselines
headline-md
The quick brown fox
20 / 28 · 3.5 baselines
headline-lg
The quick brown fox
32 / 40 · 5 baselines
display-lg
Grid Bureau
64 / 64 · 8 baselines
Grid BureauEditorialClaude Opus 5#grid-bureau-specimen
Token Specimen
The signature page: a specimen row per token — name, rendered example, computed value — with the baseline grid drawn behind it so the claim can be checked.
Structure Three columns at 1280px (3/6/3) separated by hairlines that fall exactly on baselines, with an 8px grid overlay behind the whole specimen block.
Foundations
The baseline
An 8px baseline, applied to type, to row heights and to vertical space. It is the constraint the rest of this system is derived from, and the only one that cannot be relaxed for a particular case.
The rule
Every text style declares a line height that is a whole multiple of 8px. Every component declares a height that is a whole multiple of 8px. Every vertical gap is a whole multiple of 8px. There are no exceptions, including for optical adjustment.
What this rules out
Line heights of 1.5 at 15px, which is a very common default and produces 22.5px. Buttons of 44px, which is a common accessibility minimum and is not a multiple of eight — use 48px. Table rows of 36px, which almost every data grid ships by default.
Checking
The overlay is not a design tool, it is a test. Any layout in this system is expected to pass it, and a layout that only passes at one viewport width has not passed.
Grid BureauApp ShellClaude Opus 5#grid-bureau-docs
Documentation Shell
A documentation frame where the navigation is a ruled list with no fills, and the only coloured pixels on screen are the underline on the current page.
Structure A 240px ruled sidebar, a 68ch content column and a 200px on-this-page rail, all separated by single hairlines running full height.
Elements measured2,418
Off baseline31
Worst drift6 px
Pages affected4 of 42
Off the baseline
Selector
Property
Measured
Nearest legal
Drift
Page
.pricing-card h3
line-height
22.5
24
1.5
Pricing
.nav a
height
44
48
4
All
.data-grid tr
height
36
40
4
Reports
.hero p
margin-block-end
18
24
6
Home
.footnote
line-height
18
16
2
Docs
.chip
height
28
24
4
Search
Drift is measured against the nearest legal value, not against zero, because the fix is always to the nearest one. Cumulative drift down a page is reported separately.
Grid BureauData & ReportsClaude Opus 5#grid-bureau-audit
Grid Audit
An audit report listing every element that misses the baseline, with the offending value and the nearest legal one, because a violation is only useful if the fix is in the row.
Structure A four-count band at hairline weight, then a ruled table of violations with the measured and expected values in mono and a fix column.
Typographic design bureau · Est. 2011
Grid Bureau
We set things. Documentation, specifications, annual reports, wayfinding schedules — the work that is mostly text and where the typography is the product rather than the wrapping.
Selected work
2026
National Rail wayfinding schedule
1,400 signs across 62 stations, specified as a type system rather than a set of artworks.
Specification
2025
Ministry of Justice annual report
312 pages, four tabular figures per spread, set on a 12pt baseline that survived print.
Editorial
2025
Tide Table design system
Documentation and component specimens for a reference-data product.
System
2024
Drafting Room technical library
1,240 standard details, indexed and set to a single measurement convention.
Specification
2023
Herbarium Plate accession catalogue
Eighteen thousand records, printed and online, from one source.
Editorial
People
6
Founded
2011
Baseline
8 px
Images on this page
0
Grid BureauLandingClaude Opus 5#grid-bureau-studio
Studio Front
A studio page with no images and no colour except one underline, arguing that a portfolio of typographic work should be legible as typography.
Structure A 64px display line over a hairline-ruled three-column work list, with everything on the 8px baseline and no filled surfaces at all.
Foundations · type scale
Edit tokens
Values must be whole multiples of 8px. Anything else is rejected here rather than caught by the audit later.
Grid BureauSettings & FormsClaude Opus 5#grid-bureau-tokens
Token Editor
A token editor that rejects any value not on the baseline at the point of entry, showing the nearest two legal values rather than an error after the fact.
Structure A ruled form at 900px where each numeric field carries an inline legal-value hint, and an illegal entry marks the row rather than opening a dialog.
Components
9 of 41 components
Data table row
Fixed 40px rows with hairline separators and a 2px rule under the head.
5 baselines12 pages
Specimen row
Token, example, computed value. The example cell can be any height; the row rounds up.
variable4 pages
Comparison table
Two to five columns with a fixed 48px head and 40px body rows.
6 + 5n3 pages
Schedule table
Ruled on all four sides of every cell. Rows are 32px because the content is always one line.
4 baselines2 pages
Sortable grid
Third-party. Ships 36px rows and cannot be configured to 40 without patching.
4.5 baselinesnot adopted
The last row is the reason this column exists. A component that cannot sit on the grid is not a component this system can use, however good it is otherwise.
Grid BureauSearch & BrowseClaude Opus 5#grid-bureau-find
Component Search
A component search whose results state the baseline cost of each component, so a designer can see what adding it does to the vertical rhythm before adopting it.
Structure A hairline query row over a ruled result list where each row gives the component, its height in baselines, and where it is already used.
Engagement note · 2027
How working with us actually goes
This is the document we would otherwise send you in week one. It is here instead because it is the fastest way for both of us to find out if this is a bad fit.
01
We start by reading what you have
Usually two weeks, always billed. We read the existing specification, the existing code and the last two years of decisions. Practices that skip this step are guessing, and the guess is always that your problem is the one they have solved before.
02
We write the constraint down before the design
One page. For this system it was "every vertical value is a multiple of 8px, no exceptions". Yours will be different and it will rule out things you wanted. If it does not rule anything out it is not a constraint.
03
We build the checker before the components
A rule that is not machine-checkable will be violated within a quarter and nobody will notice for a year. The audit script in this system was written before a single component was.
04
We hand over and leave
No retainer, no ongoing licence, no dependency on us. The system belongs to you including the checker, and about half our clients never speak to us again, which is the correct outcome.
Rates
Reading, two weeks
£9,600
Fixed. Ends in a written assessment whether or not we go on.
System design
£1,400 / day
Typically 20 to 40 days depending on how much already exists.
Implementation support
£1,200 / day
Working inside your codebase alongside your engineers.
Review, one day
£1,400
For systems we did not build. Ends in a written note, not a meeting.
No packages, no discount for volume and no anchoring tier we do not expect anyone to buy. Rates are the same for commercial and public sector work.
Grid BureauMarketingClaude Opus 5#grid-bureau-hire
Engagement Note
A services page written as a numbered engagement note rather than a pitch, ending in a rate table with no packages and no anchoring.
Structure A single 68ch column of numbered sections with the numerals hanging in the margin, closing on a four-row rate table at hairline weight.
HARBOUR CRANEShift B · 06:00–18:00 · K. AdeyemiYard map · Terminal 2
BAY 01—32 · ROW A—F · TIER 1—5 · 74% OCCUPIED
Moves this hour
184
target 200Gate queue
12
avg wait 8 minCranes working
6 / 8
Reefer alarms
2
Yard occupancy
74%
Hold containers
31
Move queue
MSCU 4428917BAY 23 ROW C TIER 3 → QUAY 2CR4
TGHU 9031172BAY 08 ROW A TIER 1 → BAY 19 ROW D TIER 2CR1
CMAU 5513409QUAY 1 → BAY 31 ROW B TIER 4CR6
HLXU 2280644BAY 12 ROW E TIER 2 → GATE 3RS2
OOLU 7719251BAY 27 ROW F TIER 5 → BAY 27 ROW F TIER 3CR4
MAEU 6044886QUAY 2 → BAY 04 ROW A TIER 1CR3
SEGU 1196738BAY 30 ROW C TIER 2 → REEFER PLUG 14RS1
Harbour CraneDashboardClaude Opus 5#harbour-crane-yard
Yard
The operations screen: a four-column tile field where the yard map holds the fixed top-left 4u slot and every other tile is one of three heights.
Structure Four columns of 12px-gutter tiles quantised to 88, 184 and 376px; the map spans two columns at 4u in the top-left and never moves.
HARBOUR CRANECrane CR4
41
moves this shiftCrane CR1
38
moves this shiftCrane CR6
29
moves this shiftReach stackers
76
moves this shiftVessel
MV KESTREL BAY — BERTH 2
ETD
18:40
To load
318
Loaded
204
Harbour CraneApp ShellClaude Opus 5#harbour-crane-shell
Terminal Shell
The navigation frame with a dispatch drawer sliding over the tile field — the one element in the system permitted a shadow, because it genuinely overlays.
Structure An uppercase top bar, a 4-column tile field beneath, and a 380px dispatch drawer overlaying from the right with the system’s only shadow.
Shift report · B · 06:00–18:00
TERMINAL 2, 12 MARCH
K. ADEYEMI · SUPERINTENDENTGross moves
2,184
target 2,400Moves per crane hour
27.4
target 30.0Berth idle
41m
of 720 minRehandles
198
9.1% of movesMoves per hour against target
06081012141618
EquipmentMovesHoursPer hourLongest stopReason
CR441811.237.300:14LASHING GANG UNAVAILABLE
CR139211.035.600:22HATCH COVER SEQUENCE CHANGED BY CHIEF OFFICER
MSCU 442891740HCB23 C 3IN YARDMV KESTREL BAYARDEN HOLDINGS LIMITED
MSCU 442904340HCB23 C 4IN YARDMV KESTREL BAYARDEN HOLDINGS LIMITED
MSCU 442918120GPB08 A 1HOLD—PELLEW AND COMPANY (CUSTOMS HOLD, DOCUMENTATION)
MSCU 443077940RFPLUG 14REEFERMV OSPREYKILCARN COLD STORE
MSCU 443112540HC—GATED OUT—NENDRUM DEVELOPMENTS
Harbour CraneSearch & BrowseClaude Opus 5#harbour-crane-lookup
Container Lookup
Container search where the eleven-character number is the interface: the check digit is set in accent, and results are fixed-height rows that truncate.
Structure A large mono search field, a row of uppercase filter chips, and a fixed 32px result table with the check digit highlighted in every ID.
Equipment
CRANE CR4
IN SERVICE · SHIFT BSafe working load
TONNES UNDER SPREADER
TONNES UNDER HOOK
Outreach
CONTAINERS ACROSS
METRES FROM RAIL
Wind limits
M/S SUSPEND LOADING
M/S STOW AND PIN
Berth assignment
BERTH 1BERTH 2BERTH 3BERTH 4
TWIN-LIFT ENABLED · TANDEM DISABLED
Spreader
20FT40FT45FTTWIN 20
TWISTLOCK SENSOR REPLACED 04 MAR
Operator pool
ADEYEMI KDOYLE MNKEMDIRIM O
THREE CERTIFIED · MINIMUM TWO PER SHIFT
Harbour CraneSettings & FormsClaude Opus 5#harbour-crane-equipment
Equipment Setup
Configuring a crane, where every control is a 2px-bordered uppercase block and the tile heights stay quantised even when a section has less to say.
Structure A two-column form of 2u tiles; sections that need less content keep their unit height rather than shrinking, so the page never reflows on edit.
31 CONTAINERS UNDER CUSTOMS HOLD IN BAY 08, DO NOT MOVE WITHOUT AUTHORITY
Harbour CraneAuth & OnboardingClaude Opus 5#harbour-crane-signon
Shift Sign-On
Taking the console at a shift boundary: an industrial photograph on the left, an uppercase mono form on the right, and the outgoing shift’s handover in a tile.
Structure A split screen with a full-bleed gantry photograph and a 420px form column; the handover tile below the form keeps its 2u height even when empty.
Terminal operating system
A CONTAINER YARD, NOT A MASONRY WALL
Every tile is 88, 184 or 376 pixels tall. Nothing sizes itself to its content, so nothing moves when a number gets longer, and an operator can reach for the yard map without looking.
Moves this hour
184
target 200Gate queue
12
avg wait 8 minCranes
6 / 8
Occupancy
74%
Reefer alarms
2
Holds
31
TRUNCATION IS A DECISION
Content that will not fit its unit is cut with an ellipsis. A predictable layout is worth more in a control room than a complete sentence, and we made that trade deliberately.
ELEVEN CHARACTERS, MONOSPACED
A container number has a check digit and it can only be checked by eye if the digits align. Every ID in the system is Source Code Pro with the check digit in amber.
THE MAP DOES NOT MOVE
The yard map holds the same top-left position on every configuration of every operations screen, for every operator, on every shift.
Harbour CraneLandingClaude Opus 5#harbour-crane-terminal
Terminal
A marketing page that shows the tile grid as the product: quantised tiles over a night quay photograph, with the constraint stated as the selling point.
Structure A full-bleed night quay hero, then a live tile field used as the feature illustration, then three uppercase claims with 2px top borders.
412 sheets · PolypodiopsidaSorted by accession, ascending38 types
Hard shield fernPolystichum aculeatumHB.4417 · A. Nwosu · 12.viii.1974Lady fernAthyrium filix-feminaHB.4418 · A. Nwosu · 12.viii.1974Common haircapPolytrichum communeHB.2201 · M. Halvorsen · 03.v.1961Wood horsetailEquisetum sylvaticumHB.4502 · A. Nwosu · 27.ix.1974Maidenhair spleenwortAsplenium trichomanesHB.3390 · R. Ferreira · 08.vi.1968Royal fernOsmunda regalisHB.1104 · Unknown · c.1912
Herbarium PlateSearch & BrowseClaude Opus 5#herbarium-plate-collection
Collection Grid
The core browse view: a uniform three-up grid of mounted plates, each with its own accession label, and a taxonomy rail that filters by rank rather than by tag.
Structure A 260px taxonomy rail beside a strict 3-column plate grid at 1340px, plates uniform in height with the caption block fixed at the foot.
HB.4417 · Coll. A. Nwosu · 12.viii.1974 · Glen Affric, VC96 · alt. 340 m
Polystichum setiferumR. Ferreira · 17.vi.1988 · field character only
Aspidium aculeatumA. Nwosu · 12.viii.1974 · original collection label
The 1988 determination was made without dissection and is retained because the sheet was cited under that name in two published floras.
Provenance
Locality
Glen Affric, Inverness-shire
Grid
NH 2032 2311
Habitat
Shaded ravine, base-rich flush
Altitude
340 m
Accessioned
03.xi.1974
Duplicates
E, BM
Herbarium PlateEditorialClaude Opus 5#herbarium-plate-sheet
Specimen Sheet
A single specimen record where the determination history is the substance of the page — who called it what, when, and on what evidence.
Structure A 1fr/380px split: the plate itself at full column width on the left, and a stacked record of labels, determinations and provenance on the right.
Sheets held18,402
Accessioned this year312
Undetermined1,047
Oldest undetermined1963
Accession
Collector
Collected
Determination
Waiting
Status
HB.19204
K. Oyelaran
04.vi.2026
Carex remota
18 d
Determined
HB.19203
K. Oyelaran
04.vi.2026
—
18 d
Awaiting
HB.18877
L. Brandt
21.viii.2024
—
1 y 10 m
Awaiting
HB.09112
R. Ferreira
17.vii.1988
—
37 y
Awaiting
HB.02440
Unknown
c.1963
—
63 y
Awaiting
Sheets waiting more than twenty years are flagged for the annual determination round. Five specialists are booked between October and February.
Herbarium PlateData & ReportsClaude Opus 5#herbarium-plate-accession
Accession Register
The register of what came in and what was determined, built so a curator can see at a glance which sheets have been sitting undetermined for years.
Structure A full-width ruled register with a fixed accession column, a determination-age bar per row, and a summary band of four counts above it.
Portrait plate · HB.PORT.14
Collector
Adaeze Nwosu
1931 — 2009 · active 1958 to 1991
Pteridologist. Collected chiefly in the western Highlands and the Faroes, with a late series from the Cameroon highlands. 2,204 sheets held here, of which 61 are types.
Expeditions
Glen Affric and Strathfarrar218 sheets · Polypodiopsida, Cyperaceae
Herbarium PlateProfile & SocialClaude Opus 5#herbarium-plate-collector
Collector Record
A profile for a collector rather than a user, where the identity is made of the sheets they gathered and the places they went, not a bio and a follower count.
Structure A plate-shaped portrait card above a two-column split of a dated expedition list and a small uniform grid of that collector’s sheets.
The Nwosu fern collection, sheet 1 of 2,204HB.4417 · Glen Affric · 12.viii.1974Since 1889
Eighteen thousand sheets, and every one of them findable
The herbarium holds vascular plants, bryophytes and lichens from the north Atlantic and west Africa. The whole register is public, images are released as they are digitised, and loans go out to any institution that asks.
18,402Sheets held
1,204Type specimens
11,890Digitised
61Loans out
For researchers
Loans are made to institutions, not individuals. Requests are answered within ten working days and material travels within six weeks. Destructive sampling requires a separate application and is refused for types.
For everyone else
The reading room is open on Tuesdays and Thursdays without appointment. Bring nothing; pencils and hand lenses are provided, and pens are not permitted anywhere in the building.
Herbarium PlateLandingClaude Opus 5#herbarium-plate-institute
Institute Front
An institutional front page that opens on a single mounted plate rather than a photograph of a building, and states the size of the collection as its headline claim.
Structure One oversized plate centred at 720px against the board, with a four-figure count strip beneath it and a plain two-column note.
HB.09112 · R. Ferreira · 17.vii.1988 · Torridon
Herbarium PlateApp ShellClaude Opus 5#herbarium-plate-workroom
Curation Workroom
A working shell for curation where the current sheet is always visible on the left and the task queue on the right never scrolls the specimen out of view.
Structure A three-region frame: 200px section rail, a fixed plate pane, and a task queue column, all separated by 1px rules with no shadows anywhere.
Loans
Request material
Loans are made between institutions. The borrowing institution's registrar must countersign before material leaves the building.
Requested sheets — 3
Polystichum aculeatumHB.4417Equisetum sylvaticumHB.4502Polytrichum communeHB.2201 · TYPE
One of these is a type specimen. Types travel by courier only and cannot be sampled destructively.
Undertakings
Herbarium PlateSettings & FormsClaude Opus 5#herbarium-plate-loan
Loan Request
A loan application form where the sheets being requested are shown as actual plates in the form, so nobody submits a request for the wrong accession number.
Structure A single 860px column: institution fields, then the requested sheets rendered as small plates with remove controls, then the undertakings as explicit checkboxes.
Check inFri 15 May
Check outSun 17 May
Nights2
Guests2 adults
Six rooms free
Every price on this page is for 2 nights and 2 guests, including breakfast and the city levy.
Courtyard
Garden Double
22 m²Courtyard viewWalk-in shower
Ground floor, opening on the courtyard. Quiet, and dark in the mornings because of it.
£3982 NIGHTS · 2 GUESTS · INC. BREAKFAST
Second floor
Corner Room
28 m²Two aspectsBath and shower
Two tall windows on the corner. The brightest room in the building and the noisiest, which is the same fact.
£4622 NIGHTS · 2 GUESTS · INC. BREAKFAST
Attic
Long Room
34 m²Roof viewFreestanding bath
Under the eaves, so the ceiling slopes and one end of it is not for tall people.
£5402 NIGHTS · 2 GUESTS · INC. BREAKFAST
Hotel BellSearch & BrowseClaude Opus 5#hotel-bell-rooms
Rooms
Room results where every figure is followed by the nights and guests it assumes, and the basis bar above defines those values for the whole page.
Structure A pinned 64px basis bar over a list of 3:2 room cards; each card ends with a price block whose basis line is inseparable from the figure.
Check inFri 15 May
Check outSun 17 May
Nights2
Guests2 adults
Second floor · corner
Corner Room
Two tall windows on the corner, a bath and a separate shower, and a bed that faces the wrong way for the light — which we have been told about and have not changed, because moving it blocks the second window.
28 m²Two aspectsBath and showerKing
Hotel BellCommerceClaude Opus 5#hotel-bell-booking
Booking
The checkout with a sticky summary — the only elevated surface in the system — where every line item carries its own basis in Courier Prime.
Structure A basis bar, a room detail column and a sticky 360px summary card whose lines each state their basis and whose total sits under a double rule.
Check inFri 15 May
Check outSun 17 May
Nights2
Guests2 adults
Kilcarn · fourteen rooms
Two nights, two guests — every price says so
The bar above is not a filter you can dismiss. It is the frame of reference for every figure on this site, including the ones on this page, which is why we can show you a real number before you have clicked anything.
28—29 Mar 2025Garden Double£1841 NIGHT · 1 GUESTStayed
02—05 Nov 2024Corner Room£6123 NIGHTS · 2 GUESTSStayed
Hotel BellProfile & SocialClaude Opus 5#hotel-bell-stays
Your Stays
A guest’s history where every past stay keeps the basis it was booked on, so an old figure still means something years later.
Structure The basis bar set to the next stay, then a ruled history where each row carries its own nights-and-guests basis beside the figure paid.
Applies to · check inFri 15 May
Check outSun 17 May
Nights2
Guests2 adults
Before you arrive
Anything with a cost shows it here, priced for your two nights and two guests. Nothing on this page becomes a surprise on the folio.
Early check-in from 12:00
Subject to the room being ready; charged only if it is.
£30ONE-OFF
Late check-out until 14:00
Always available on a Sunday.
£25ONE-OFF
Parking, on site
Six spaces, first come.
£24£12 PER NIGHT · 2 NIGHTS
Quiet room, away from the stair
Free, and we will do our best.
FreeNO CHARGE
Newspaper
Delivered to the door before 07:30.
£7£3.50 PER MORNING · 2 MORNINGS
Hotel BellSettings & FormsClaude Opus 5#hotel-bell-preferences
Preferences
Stay preferences kept as ruled rows, where anything with a cost shows its price and basis inline rather than revealing a charge at checkout.
Structure The basis bar, then ruled preference rows with toggles; each chargeable option carries a small price-and-basis pair on the right.
Offer · check inThu 14 May
Check outSun 17 May
Nights3
Guests2 adults
Until 30 June · Thursday arrivals
The third night is the same as the first two
We have not discounted the room. We have changed the basis: stay Thursday to Sunday and the nightly rate holds instead of rising into the weekend, which is where the money actually is.
Usual, Friday arrival£4622 NIGHTS · 2 GUESTS · £231 PER NIGHTOffer, Thursday arrival£6303 NIGHTS · 2 GUESTS · £210 PER NIGHT
An extra night for £168 rather than £231, on a rate that would otherwise rise on the Saturday. Stated per night so it can be checked.
Hotel BellMarketingClaude Opus 5#hotel-bell-offer
Long Weekend
A seasonal offer that changes the basis bar rather than the price, so the discount is expressed as a longer stay at the same nightly figure.
Structure The bar preset to the offer’s dates, a 3:2 pool image, and the saving stated as two price-and-basis components side by side.
R
You are invited
Marguerite & Rowan
Saturday the twenty-third of May Two thousand and twenty-six
Kilcarn Lane · four o'clock
Carriages at midnight
The other side
Getting there
The lane is unmade for the last three hundred yards. It is fine in a car and a nuisance in heels; there is a gravel path along the hedge for that reason.
Staying
Six rooms at the Kilcarn Arms are held under our name until the tenth of April. After that they go back to the pub.
RSVP CODE · KQ-4482
InvitationLandingClaude Opus 5#invitation-card
The Invitation
A 5:7 invitation with its printed bleed rule and a wax seal overlapping the top edge — the only element in the system allowed to cross a card boundary.
Structure Two cards side by side as a spread: the invitation and its reverse, both 5:7 with the 24px inset rule, and nothing scrolling inside either.
Question one of four
Will you be there?
ANSWERED · YES
KQ-4482
Question two of four
How many of you?
2
We have you down for two. If that is wrong, change it here rather than telling us on the day.
KQ-4482
Question three of four
Anything we should know about food?
One line is plenty. It goes straight to the kitchen and nowhere else.
KQ-4482
InvitationSettings & FormsClaude Opus 5#invitation-rsvp
RSVP
The reply flow as a stack of cards with one question per card, advanced by turning rather than by scrolling a long form.
Structure Three 5:7 cards shown as a stack in progress; each holds exactly one question and two large buttons, with the mono code at the foot of every card.
86
Replied yes
86
of 124 invited
No12
Waiting26
Dietary9
Yes · 2
Marta Reyes
KQ-4482
Yes · 2
Teodor Vance
KQ-4491
No
Nuala Rennick
KQ-4503
Yes · 4
The Nkemdirims
KQ-4511
Waiting
Iona Marek
KQ-4520
Yes · 1
A. Bekele
KQ-4528
Yes · 2
H. Aldwyn
KQ-4534
Waiting
M. Devlin
KQ-4541
InvitationProfile & SocialClaude Opus 5#invitation-guests
Guest Count
The host’s view where the guest count is the largest numeral on the screen, set in Yeseva One, with replies as a wall of small 5:7 cards.
Structure A count card at 5:7 holding one enormous numeral, beside a grid of small reply cards each carrying one guest and their answer.
R
Kilcarn Lane · 23 May
Your code is on the back of the card
Four letters and four numbers. It is on the reverse, under the directions, in the typewriter face.
One code, one household
The card, as posted. The seal is real wax and it does come off in the post sometimes; the code is underneath it either way.
InvitationAuth & OnboardingClaude Opus 5#invitation-open
Open the Card
Access by RSVP code, presented as a single card asking for one thing, with an envelope photograph sitting inside the bleed rule rather than behind it.
Structure One 5:7 card carrying the code field, beside a second card whose photograph sits inside its inset rule — never bleeding off the edge.
Kilcarn Lane · 23 May · 86 seated
Where everyone sits
Eleven tables of eight. The cards below are exactly what will be printed and stood on each table, at the same proportions, with the same rule.
1
Marguerite · Rowan · Marta Reyes · Jon Reyes · Teodor Vance · Priya Nkemdirim · A. Bekele · H. Aldwyn
2
Nuala Rennick · Iona Marek · M. Devlin · R. Okafor · K. Adeyemi · O. Doyle · S. Okonjo · N. Rennick
3
The Nkemdirims, four · The Aldwyns, two · P. Nkemdirim · L. Vance
4
The Whitlocks, three · Ada Whitlock · Jon Whitlock · Marta Reyes Sr · Two spare
5
Kilcarn Lane neighbours, eight, arranged by which of them still speak to each other
6
Slade Row, six · Two from the Kunsthalle
InvitationEditorialClaude Opus 5#invitation-tables
Table Plan
The table plan as a wall of small 5:7 cards, one per table, each with the number in Yeseva One and the names inside its own bleed rule.
Structure A grid of miniature 5:7 cards with a 10px inset rule, table number in display type, and names in body-sm — no seating diagram, just the cards.
Kilcarn Press · stationery
Printed, not rendered
Everything in this suite is 5:7 on 300gsm cotton. The border you see on screen is the blind emboss you will feel on the card.
Invitation
300gsm cotton · blind emboss · letterpress in magenta · from £4.20 each
Save the date
300gsm cotton · violet foil · from £3.10 each
Envelope and seal
Blush wove · hand-addressed · real wax seal · from £2.40 each
Why everything is 5:7
It is the proportion of a standard invitation card and it is the proportion of every surface in the software that manages one. A guest list, a table plan, an RSVP question — all of them are the same shape as the thing they describe, and none of them scrolls.
InvitationMarketingClaude Opus 5#invitation-suite
The Suite
A stationery suite shown as it prints — three 5:7 cards in a row with foil, emboss and letterpress photographs each held inside its own bleed rule.
Structure Three cards as a spread, each with a photograph inside the inset rule and its specification in mono beneath, plus a closing order block.
Kilcarn Press
Priced per card
Letterpress
£4.20
per card, 40 up
One colour, magenta
Blind embossed border
300gsm cotton
Six weeks
✦
Letterpress and foil
£6.80
per card, 40 up
One colour and violet foil
Blind embossed border
300gsm cotton
Envelope and wax seal
Six weeks
Digital
£1.90
per card, 40 up
Full colour
Printed border, not embossed
300gsm uncoated
Ten days
Quantity breaks
40 — 79list price
80 — 149−12%
150 — 299−21%
300 and overtalk to us
InvitationPricingClaude Opus 5#invitation-pricing
Per Card
Print pricing where each option is itself a 5:7 card, the per-card figure is set in Yeseva One, and the quantity break is a mono line at the foot.
Structure Three 5:7 price cards with the per-card figure at display size inside the bleed rule, and a quantity table beneath in the 52ch measure.
Thrown and glazed by Yumi Sandoval-Reyes at Marsh Lane. The plum breaks to umber where the glaze runs thin over the throwing rings, so no two are the same depth of colour.
Diameter
240 mm
Height
96 mm
Weight
780 g
Firing
Reduction, cone 10
Dishwasher safe. Not for direct heat. Ships in five days.
From the same firing
Plum beaker£46Umber jug£92Narrow vase£74
Kiln ClayCommerceClaude Opus 5#kiln-clay-object
Object Page
A single made object given the whole screen, with the firing details treated as part of the description rather than as a spec table nobody reads.
Structure A 7:5 split where the photograph bleeds off the left margin entirely and the buying column sits in a sunken panel that stops well short of the right edge.
Marsh Lane Pottery, since 2011
Come and make something badly, then make it again.
Eight wheels, two kilns, one very patient tutor. Beginners' evenings, weekend intensives and a members' bench you can book by the hour.
Everything you make in a session is fired and glazed here, and you collect it about three weeks later. Nothing is thrown away without asking you first, including the ones you hate.
Kiln ClayLandingClaude Opus 5#kiln-clay-front
Workshop Front
A pottery front page where the first thing is a photograph of hands and the second is the next four dates you could actually book.
Structure A full-bleed 340px photograph running edge to edge above a headline that overlaps its lower edge by 40px, then a four-column date band separated by ochre bars.
Journal · Firing 214
The one where the plum went almost black
Yumi Sandoval-Reyes · 28 August 2026
We ran this one two cones harder than we meant to, and the plum glaze went somewhere it has never been before.
The intention was a normal cone 10 reduction, the same schedule we have used since the new elements went in. What happened instead is that the heavy reduction ran nearly ninety minutes rather than sixty, because the damper was set from the previous firing and nobody checked it.
The plum is a copper red at heart, so a long reduction pushes it darker and, past a point, almost to black where it pools. On the wide bowls, where the glaze is thickest in the well, it did exactly that — a black centre grading out to the usual plum on the walls and breaking umber over the throwing rings.
Four of the eleven pieces are the best things to come out of this kiln all year. Three are unusable. We are keeping the schedule.
Bowl 4 of 11. The black is 40mm across and stops where the glaze thins.
Kiln ClayEditorialClaude Opus 5#kiln-clay-journal
Firing Journal
A long entry about one kiln load, written like a workshop notebook, with the temperature log running down the margin as a mono column.
Structure A 64ch text column set left of centre with a 150px mono margin column on its left holding the firing log, so the numbers read as marginalia rather than as a figure.
Maker · Marsh Lane
Yumi Sandoval-Reyes
Throws wide, glazes thin, fires hard. Nine years at Marsh Lane, the last four running the reduction kiln. Teaches Thursday evenings and will tell you your bowl is too heavy.
Kiln ClayProfile & SocialClaude Opus 5#kiln-clay-maker
Maker Profile
A maker page where the work is a masonry wall of unequal tiles and the biography is short enough that people will actually read it.
Structure A masonry column layout using CSS columns so tiles keep their natural aspect ratios, with the biography pinned as a sunken panel that overlaps the top of the wall.
Kiln ClaySearch & BrowseClaude Opus 5#kiln-clay-shelf
Shelf Browse
Browsing by glaze rather than by category, with the filter rail showing actual glaze swatches instead of colour names in a dropdown.
Structure A 220px rail of glaze swatch chips beside a three-up grid whose first tile is double width, so the featured piece is a shape difference and not a badge.
Booking
Beginners' wheel · Thursday 11 September
18:30 to 21:00. Clay, tools, firing and glazing are all included. Wear something you do not mind ruining.
Kiln ClaySettings & FormsClaude Opus 5#kiln-clay-booking
Class Booking
A booking form that reads as a note to a person rather than a checkout, with the bench diagram showing which wheel you would be at.
Structure A 560px form column with a bench plan drawn as eight circles pinned in a sunken panel to its right, and the summary bar welded across the bottom of both.
14 March — 22 June
The Room Repainted Forty Times
Six artists working with the surfaces of institutions. Curated by Nuala Rennick.
Artist
Iona Marek Undercoat (VI), 2025 Plaster, pigment, steel armature Courtesy the artist and Slade Row
Artist
Teodor Vance Corridor with Bench, 2024 Single-channel video, 41 min, silent Commissioned for this exhibition
Artist
Iona Marek Filled Hole (study), 2025 Emulsion and filler on board Private collection, London
KunsthalleEditorialClaude Opus 5#kunsthalle-exhibition
Exhibition
An exhibition page hung from the 96px line: one work per screen-height, each with its wall label below-left at sixty per cent, and a ragged right edge throughout.
Structure A single column hung at 96px with no grid of works; images keep their own proportions so rows are uneven, and captions sit below-left at 60% width.
Currently
The Room Repainted Forty Times
14 March — 22 June · Galleries 1–3 · Free
14 Mar — 22 Jun
The Room Repainted Forty Times
Six artists working with the surfaces of institutions.
Open02 May — 14 Sep
Teodor Vance: Forty-One Minutes
A single work, shown alone, in Gallery 4.
Open18 Jul — 09 Nov
Undercoat
Iona Marek's first institutional survey.
Announced04 Oct — 25 Jan
What the Building Wants
Twelve commissions responding to the fabric of the Kunsthalle.
AnnouncedVisiting
Tuesday to Sunday, 11.00 — 18.00 Thursday until 21.00 Closed Mondays
Slade Row Kilcarn KL2 4RN Ten minutes from the station on foot
Entry to all galleries is free. The building is fully accessible. Assistance dogs welcome.
KunsthalleLandingClaude Opus 5#kunsthalle-programme
Programme
The institution’s front page, opening on an empty gallery photograph at its own proportions with the title hung at 96px and one orchid button at the foot.
Structure A hero image hung from the same 96px line as everything else, then a dated index where each row is one exhibition with the dates in a 140px mono column.
Iona Marek Filled Hole (study), 2025 Emulsion and filler on board On loan · Gallery 2
Artist
Iona Marek Ground (I—IX), 2023 Nine panels, emulsion on plaster Acquired 2024 · In store
KunsthalleSearch & BrowseClaude Opus 5#kunsthalle-collection
Collection
A collection search where results keep their own proportions rather than being cropped square, so a tall painting and a wide drawing look like what they are.
Structure A 200px filter column on the hang line and a single-column result run; each result is an uncropped image with its wall label below-left.
Artist
Iona Marek
b. 1988, Gdańsk. Lives and works in Kilcarn.
Marek works with the material history of interior surfaces — the accumulated emulsion of a repainted room, the filler in a screw hole, the ridge where one decade's paint meets the next. Her sculptures are cast from these accretions and returned to the walls that produced them.
She studied at the Slade and has exhibited at Kunsthalle Kilcarn, the Douglas Hyde and Bergen Kunsthall. Undercoat, her first institutional survey, opens in July.
Filled Hole (study) Emulsion and filler on board On loan · Gallery 2
2023
Work
Ground (I—IX) Nine panels, emulsion on plaster Acquired 2024 · In store
2021
Work
Skirting Cast rubber, dimensions variable Acquired 2022 · In store
Photograph
Detail, Gallery 2 wall, before intervention Photograph by the Kunsthalle
KunsthalleProfile & SocialClaude Opus 5#kunsthalle-artist
Artist
An artist page that is a biography and a list of works, with no follower count, no avatar and no card — the wall label format extended to a person.
Structure The name at 64px on the hang line, a 60ch biography, then a chronological works list where each entry uses the wall-label typography.
Editions
Made for the Kunsthalle
Editions are produced with the artist for a single exhibition and are not reprinted. When an edition is finished it stays on this page, marked so.
Edition
Iona Marek Filled Hole, 2025 Screenprint on 300gsm, 50 × 70 cm Edition of 60, signed and numbered £220
Edition
Iona Marek Ground (detail), 2024 Pigment print, 40 × 40 cm Edition of 100, signed £140 · finished
Edition
Teodor Vance Corridor, 2024 Offset lithograph, 70 × 100 cm Edition of 200, unsigned £85
KunsthalleCommerceClaude Opus 5#kunsthalle-shop
Editions
A shop that refuses to look like a shop: editions are hung like works with wall labels, and the price is one line of the label rather than a badge.
Structure A single hung column of uncropped edition images with the price appearing inside the wall label as a final line, and one filled button on the page.
Support
Membership
Entry is free and always will be. Membership pays for the commissions, the education programme and the two staff who look after the collection.
Member
£45 a year Twenty per cent on editions and in the café Members' preview of every exhibition The printed programme, posted
KunsthallePricingClaude Opus 5#kunsthalle-membership
Membership
Three memberships set as hung blocks rather than cards, with the fee in the wall-label mono and the one pill button in the entire system.
Structure Three blocks separated by hairlines on the hang line — no boxes, no borders around them — each carrying a mono label block and a text link but one pill.
Proposed
Gallery 4, October 2026 Twelve commissions responding to the fabric of the building Not yet made
Appeal
What the Building Wants
We have asked twelve artists to make work about this building — its paint, its plumbing, its bad acoustics, the room nobody uses. Nothing has been made yet. Everything depends on this appeal.
A commission at this scale costs about eighteen thousand pounds: the artist's fee, materials, fabrication, install, and the technician's time. We are asking twelve times.
Raised
£94,200 of £216,000 Five commissions fully funded Closes 30 June
KunsthalleMarketingClaude Opus 5#kunsthalle-campaign
Commission Appeal
A funding appeal built entirely from wall labels: the commission described as if it were already hung, with the amount raised as a label line.
Structure A wide empty-gallery image at the top of the hang line, then the proposal set as a wall label at 60% and a progress rule that is one hairline, not a bar.
No. 41,208Thursday 11 June 2026Updated 2 minutes ago
The Late Edition
Transport · Exclusive
Ferry Contract Was Signed Nine Months Before The Boats Existed
Correspondence released under appeal shows officials warned twice that the yard had never built a vessel of the class, and were overruled on both occasions.
By Ines Marchetti · Transport Correspondent · 14 min
The contract to build two ferries for the western route was signed in March of the year before either hull was laid down, according to correspondence released this week after a two-year appeal.
Officials in the procurement directorate wrote to ministers twice, in January and again in February, warning that the yard selected had never delivered a vessel of that displacement and that its recent record on a smaller class was already eleven months late.
Both warnings were acknowledged and neither was acted on. A third note, written after the contract had been signed, records that the department had by then no realistic alternative supplier within the timescale set by the route's licence obligations.
The department has said the decision was taken on the basis of the information available at the time and that the warnings were one input among several. It has not disputed the authenticity of any of the released documents.
A parliamentary committee has asked for the remaining eleven documents, which the department is continuing to withhold on the grounds of commercial confidentiality.
Business
Rail Freight Volumes Fall For A Fourth Quarter
Down 6.1 per cent on the year, with construction aggregates accounting for most of the decline.
Science
Seabird Count Revised Upward After Survey Error
The 2025 figure was undercounted by roughly a fifth on three of the eleven monitored stacks.
Amended 09:14Culture
The Playhouse Announces An Eleven-Production Season
Members book from January. Two of the eleven are new commissions.
Sport
Second Round Draw Made Without Its Two Favourites
Both were eliminated on Tuesday, one of them for the first time in nine seasons.
Late EditionEditorialClaude Opus 5#late-edition-front
Front Page
A front page built on a genuine five-column text grid, where the lead headline spans three columns and the copy flows underneath it rather than beside a picture.
Structure Five text columns with 1px vertical rules at 1360px; the lead spans columns 1–3, a boxed sidebar occupies column 5 from the fold down.
Live
Ferry Contract Committee Hearing
41 updates · latest 2 min ago
Key moment
Permanent Secretary Confirms She Saw Both Warnings
Asked directly whether she had read the January and February notes before the contract was signed, the permanent secretary said she had. She added that she considered them "properly registered concerns rather than objections".
Committee Turns To The Withheld Documents
The chair asked why eleven documents remain withheld when twenty-three have been released. The department's response was that the eleven contain live commercial terms.
Yard's Previous Contract Raised
A member read the eleven-month overrun figure into the record. It was not disputed.
Hearing Opens
Three officials sworn in. The session is scheduled for two hours and is being broadcast.
Late EditionApp ShellClaude Opus 5#late-edition-live
Live Blog
A live coverage frame where the only animated element in the entire system — the update counter — is the one thing that is genuinely live.
Structure A fixed live header strip over a 1fr/280px split of reverse-chronological entries and a key-points rail that stays put.
Business
Markets, industry and the economy. Edited by Tomás Feld.
Rail freight
Aggregate Volumes Drive A Fourth Consecutive Quarterly Fall
Down 6.1 per cent on the year. Operators blame the pause in three large road schemes rather than any structural shift away from rail.
By Anwen Prys · 9 min
Energy
Grid Operator Raises Its Constraint Payment Forecast Again
The revised figure is the third increase in eighteen months and is now roughly double the 2024 projection.
By Ines Marchetti · 6 min
Retail
Two Chains Confirm They Will Not Renew On The High Street
Between them the leases cover 61 units, of which 40 are in towns with no comparable alternative tenant.
By Femi Adeyemi · 7 min
Markets
Sterling Steadies After Two Volatile Sessions
Traders point to the revised borrowing figures rather than any policy signal.
Manufacturing
Output Index Falls Below Fifty For The First Time Since March
New orders were the weakest component, down for a third month.
Housing
Completions Reach A Nine-Year High In The North West
Almost all of the increase is in flats rather than houses.
Labour
Vacancies Fall Again But Remain Above Pre-Pandemic Levels
Hospitality and logistics account for most of the decline.
Shipping
Container Rates Ease As Capacity Returns To The Route
Spot rates are back to roughly where they stood in January.
Late EditionLandingClaude Opus 5#late-edition-section
Section Page
A section front where story weight is expressed purely by how many columns a headline spans, so the hierarchy survives being printed in one colour.
Structure A five-column grid where the top story spans three columns, two seconds span two each, and the remainder run as single-column stacks with rules between.
Ferry Contract Was Signed Nine Months Before The Boats Existed
Correspondence released under appeal shows officials warned twice.
Ines Marchetti · 14 min
Transport
Department Releases Twenty-Three Ferry Documents
Eleven withheld on commercial grounds.
Ines Marchetti · 5 minAmended 10 Jun: the original said twenty-one documents.
Transport
Appeal Succeeds Against Two-Year Refusal
The tribunal found the public interest test had been applied too narrowly.
Anwen Prys · 4 min
Business
Yard Confirms Eleven-Month Delay On Smaller Class
The vessels were due in March and are now expected in February.
Tomás Feld · 6 minAmended 15 Nov: an earlier version gave the delay as nine months.
Transport
Contract Awarded For Two Western Route Vessels
Value not disclosed. Delivery expected within three years.
Staff reporter · 2 min
Late EditionSearch & BrowseClaude Opus 5#late-edition-archive
Archive Search
An archive search that treats the corrections record as a first-class result type, so a reader can see what was amended as easily as what was published.
Structure A full-width query strip with a decade band beneath it, then ruled result rows where amended stories carry a 3px crimson bar.
Rail freight, year on year−6.1%Fourth consecutive fall
Source: Office of Rail and Road, quarterly statistical release, 4 June 2026. Figures in billion net tonne kilometres.
Late EditionData & ReportsClaude Opus 5#late-edition-numbers
Numbers Page
A data page for a newsroom where every chart is a red monochrome figure with its source printed beneath it, because a chart without a source is not journalism.
Structure A four-column figure band over a two-column split of a ruled table and a stack of small monochrome charts, each with a source rule beneath.
Transport Correspondent
Ines Marchetti
Covers rail, ferries and public procurement. Joined in 2016 from the trade press. Contactable on Signal; the number is on the contacts page.
Stories
1,204
This year
61
Corrections
4
Recent work
Exclusive
Ferry Contract Was Signed Nine Months Before The Boats Existed
Correspondence released under appeal shows officials warned twice and were overruled.
Transport
Department Releases Twenty-Three Ferry Documents
Eleven withheld on commercial grounds.
Analysis
Why Constraint Payments Keep Being Underestimated
The forecasting model assumes connections that have not been built.
Transport
Western Route Licence Obligations Explained
What the operator is actually required to run, and by when.
Late EditionProfile & SocialClaude Opus 5#late-edition-byline
Byline Page
A reporter page whose credibility signal is the corrections record shown alongside the work, rather than a follower count or a verified tick.
Structure A square-cropped portrait beside a two-column split of the reporter’s stories and a plainly stated corrections list.
An appeal from the editor
That Ferry Story Took Two Years And Cost £41,000
Most of it was legal fees. The appeal was heard twice. We have eleven more documents to fight for and we would like to fight for them.
What it costs
A contested freedom of information appeal runs to between eight and fifteen thousand pounds by the time it reaches a tribunal. We ran four last year and won three.
None of that is visible in the finished story, which is exactly why it is difficult to fund from anything except readers.
What it does not buy
There is no proprietor. There are no shareholders taking a dividend. Nine of every ten pounds goes to reporting and the tenth goes to keeping the archive online and free.
The archive stays free whether you subscribe or not. That is not a negotiating position, it is just the arrangement.
What you get
The paper, the archive without limits, and the documents themselves — every release we obtain is published in full alongside the story.
You also get the corrections, which we would print anyway.
Rates
Digital, monthly
£9
Cancel any time. No introductory rate that later doubles.
Digital, annual
£90
Two months free. The rate you sign up at is the rate you keep.
Print and digital
£240
Six days a week, delivered. Includes everything above.
Supporter
£500
Funds roughly one contested appeal every twelve subscribers.
Rates include VAT. Student and low-income rates exist and are granted on request without means testing — write to the subscriptions desk and say so.
Late EditionMarketingClaude Opus 5#late-edition-subscribe
Subscribe Appeal
A subscription appeal that argues from the cost of the reporting rather than from features, and prints the actual numbers it is asking readers to cover.
Structure A spanning uppercase appeal headline over a three-column argument, with the offer set as a plain ruled table rather than a card row.
Ledger GreenData & ReportsClaude Opus 5#ledger-green-journal
Journal
The general journal with debit and credit as fixed columns, empty cells genuinely empty rather than zero, and a double-ruled total at the foot.
Structure Date, description, account code, then two fixed 140px money columns right-aligned in Oxygen Mono; the total row carries the double rule.
New journal entry
Post to March 2026
The shape of this form is the shape of a journal. There is no direction dropdown — put the figure in the column it belongs in, and leave the other one empty.
AccountDescriptionDebitCredit
Entry totals412.50412.50
Ledger GreenSettings & FormsClaude Opus 5#ledger-green-entry
New Entry
Entering a transaction as a journal rather than as an amount with a direction dropdown: two money fields side by side, one of which stays empty.
Structure A repeating line with the same five columns the journal uses, so the form and the report have identical geometry, and a live double-ruled total.
Trial balance · as at 31 March 2026
Arden Holdings Limited
In balance
CodeAccountDebitCredit
Assets
1100Trade receivables48,204.00
1200Bank current account112,880.41
1800Fixtures and fittings, cost59,400.00
1810Accumulated depreciation23,512.50
Assets220,484.4123,512.50
Liabilities
2100Trade payables31,118.60
2200VAT control14,806.20
Liabilities45,924.80
Income and expense
4000Services rendered204,900.00
7100Rent and rates25,800.00
7200Staff costs88,140.00
7400Depreciation4,950.00
7900Foreign exchange(1,204.11)
Grand total274,404.41274,404.41
Ledger GreenDashboardClaude Opus 5#ledger-green-trial
Trial Balance
The trial balance as the home screen, where the one red thing in the entire system appears only if the two columns disagree — and here they do not.
Structure Account classes as ruled groups with subtotals double-ruled, a grand total double-ruled above and below, and a balance strip that stays quiet when balanced.
Ledger GreenArden Holdings · FY ending 31 Dec 2026
LockedJanFebMarAprMayJunJulAugSepOctNovDecJanuary and February are locked. Posting into them requires a reversing entry in March.
Ledger GreenApp ShellClaude Opus 5#ledger-green-books
Books Shell
The navigation frame for a set of books, where the account tree carries running balances in mono and the period lock is stated rather than hidden.
Structure A 240px account tree with right-aligned mono balances, a ruled content area, and a period bar that states which months are locked.
Ledger Green
Arden Holdings Limited
Company08841927
Year end31 Dec 2026
Last posting18 Mar 2026
Every entry you post, amend or reverse is recorded against your name with a timestamp and cannot be deleted from the audit trail, including by an administrator.
Ledger GreenAuth & OnboardingClaude Opus 5#ledger-green-open
Open the Books
A sign-in that states which set of books is being opened and by whom, with the audit consequence written above the button rather than in a footer.
Structure A narrow ruled column at a 68ch measure with two fields as ruled rows, and a mono entity block above them naming the books.
Schedule of fees · from 1 April 2026
What the bookkeeping costs
Set out as a ledger, because that is what you will be paying us to keep. Figures exclude VAT and are per month.
Ledger only
Purchase and sales ledger, up to 150 transactions180.00
Bank reconciliation, one account, monthly45.00
Trial balance, monthly30.00
Additional transactions, per hundred60.00
Per month255.00
Ledger and returns
Everything in Ledger only255.00
VAT return, quarterly, apportioned monthly55.00
Payroll, up to 10 employees90.00
Management accounts, monthly140.00
Introductory discount, first six months(54.00)
Per month540.00(54.00)
Year end
Statutory accounts and corporation tax return1,850.00
Charged in the month of filing, not spread
Annual, ledger and returns plus year end7,682.00
Ledger GreenPricingClaude Opus 5#ledger-green-fees
Fees
Bookkeeping fees set as a ledger: each service is an account line with a monthly figure in the debit column and a double-ruled total.
Structure Three fee levels as ruled account groups rather than cards, each with lines in the money columns and its own double-ruled subtotal.
Ledger Green · bookkeeping since 1994
Debit left, credit right, everywhere
Our software does not ask you for an amount and a direction. It gives you two columns and expects you to know which one the figure belongs in — and if you do not yet, the shape of the form will teach you faster than a tooltip.
An entry, as you would actually see it
DateDescriptionAccountDebitCredit
18 MarDepreciation, fixtures, month 147400412.50
18 MarAccumulated depreciation1810412.50
Entry totals412.50412.50
Negatives take parentheses
Never red. Red on our screens means the two columns disagree, and a credit balance in a debit account is not an error, it is a fact about the account.
Totals do not animate
A figure that counts up from zero to 48,201.33 displays a series of numbers that are all wrong, in a system whose entire purpose is that the number is right.
Everything prints
Every screen has a print stylesheet that keeps the double rules and drops the green to black. Auditors still print, and we would rather they printed something legible.
Ledger GreenLandingClaude Opus 5#ledger-green-practice
Practice
A bookkeeping practice’s front page that argues for double entry by showing a real journal on it, with no illustration and no photography anywhere.
Structure A 68ch text column with a live journal extract set as the hero object instead of an image, then three ruled claims and a fee summary.
Thursday 4 September
What did you decide today that you had been putting off?
Recent
Five of the last seven. The gaps are fine.
Earlier
3 SepOn being the last one to leave
Nobody noticed, which was the point, and that is worth sitting with.
2 SepA conversation I rehearsed for a week
Four minutes. It took four minutes.
31 AugSunday, and the light was good
Nothing happened. Writing that down anyway.
Lilac QuietApp ShellClaude Opus 5#lilac-quiet-today
Today
A journalling home that opens on a single prompt with the archive folded away, so the first thing on screen is a question rather than a list.
Structure A 240px rail of quiet nav beside a centred 620px column, with the prompt card floating alone in the upper half and past entries appearing only below the fold.
The prompt changes daily and you can ignore it. About a third of entries do.
02
Nothing is shared, ever. There is no mechanism in the product for sharing an entry.
03
Export everything as plain text in one tap, including after you cancel.
Lilac QuietLandingClaude Opus 5#lilac-quiet-front
Calm Front
A landing page for a calm product that behaves calmly: one sentence, one image, one link, and three quarters of the screen left as lilac.
Structure A 66ch column pinned to the left third with the remaining columns deliberately empty except for one soft image that fades in from the right edge.
Letter · No. 41
On the difference between resting and stopping
Rowan Ashworth-Blake · 12 minutes
34%
There is a version of rest that is really just stopping, and it does not work, and most of us have been doing it for years.
Stopping is the absence of the thing. You close the laptop, the meeting ends, the week finishes. Nothing replaces what you were doing, so the shape of it stays — you are still holding the same problem, just without the tools.
Resting is different in one specific way: something else takes up the space. Not a distraction, which is stopping with noise on top, but an activity with enough structure that the previous thing cannot follow you into it.
This is why people who claim that walking helps are usually right and usually unable to explain why. A walk has a route. It occupies the part of you that was trying to hold the problem.
The practical version of this is smaller than it sounds. It is not a retreat or a sabbatical. It is noticing, on a Thursday evening, that you have stopped rather than rested, and doing one thing with a shape to it.
Lilac QuietEditorialClaude Opus 5#lilac-quiet-letter
Long Letter
A long piece set at a narrow measure with the pull quotes breaking into the right margin, so the reading column itself never changes width.
Structure A 62ch column sitting left of centre with a 240px right margin used only for pull quotes and a reading-progress rule that fills as you scroll.
Privacy
Some of these are settings. Some of them are facts about how the product is built and cannot be changed by anyone, including us.
Cannot be changed
Entries are encrypted on your device.
The key never leaves it. If you lose every device you own, your entries are gone and we cannot recover them.
There is no sharing mechanism.
No links, no export-to-social, no team accounts. Sharing would require us to build something that does not exist.
We do not sell or process the text.
We could not — see above. No model has been trained on anything written here.
Yours to choose
Lilac QuietSettings & FormsClaude Opus 5#lilac-quiet-privacy
Privacy Settings
A privacy page that states what the product cannot do rather than what it promises not to do, with each guarantee as a card and no toggle where there is no choice.
Structure A 640px column alternating between fixed guarantees, which have no control at all, and actual choices, which do — the difference marked by whether a row has a toggle.
Choose a timeWrite onceCome backMake an accountOne question
When would you like to be asked?
We will send one prompt at this time. You can change it whenever, and ignoring it has no consequence.
Lilac QuietAuth & OnboardingClaude Opus 5#lilac-quiet-welcome
First Night
An onboarding that asks one thing and then gets out of the way, with the account step deliberately postponed to the seventh day.
Structure A single centred card on an almost empty page with the whole flow shown as four faint words above it, only the current one at full strength.
Patterns
Six months of entries. Nothing here is a score and none of it is shared.
How the days feltWords in an entry90–410Most entries sit in this range. The longest was 1,204 words, in June.When you write
Almost always after nine. Twice at four in the morning.Words that keep coming back
Counted on your device. This list has never left it.
Lilac QuietDashboardClaude Opus 5#lilac-quiet-patterns
Patterns
A reflective dashboard that reports on mood and words without scoring anything, because a number out of ten would be the wrong kind of feedback here.
Structure A two-column card grid where the mood chart is a soft area with no axis labels and the word-count card deliberately shows a range rather than a total.
Meter RoomALL kW CHARTS FIXED 0—250 · NO AUTO-SCALEBlock A · main incomer
184kW
2501250
001224
Day rate · 24.1 p/kWhBlock B · lighting
31kW
2501250
001224
Day rate · 24.1 p/kWhChiller plant
96kW
2501250
001224
Day rate · 24.1 p/kWhKitchen ring
268kW
2501250
001224
Clipped at ceiling for 3h 20mServer room
44kW
2501250
001224
Flat rate · 22.4 p/kWhCar park
12kW
2501250
001224
Night rate · 11.8 p/kWh
Meter RoomDashboardClaude Opus 5#meter-room-wall
Wall
Uniform 320px meter tiles on one fixed kW scale, so a quiet plant room reads as a low trace with empty space above it rather than filling its frame.
Structure A regular grid of same-size tiles, each with a Geist Mono demand figure at 54px and a 96px trace drawn against the declared ceiling for its unit.
Compare · Block A main incomer
Four Mondays
SHARED AXIS 0—250 kW · NO OVERLAY MODE EXISTS
250187125620
02 March
001224
184 kW peak · 2,411 kWh
09 March
001224
176 kW peak · 2,308 kWh
16 March
001224
72 kW peak · 1,104 kWh
23 March
001224
210 kW peak · 2,690 kWh
The sixteenth was a bank holiday
On an auto-scaling chart the sixteenth would fill its frame exactly like the other three and would be indistinguishable from them at a glance. On the fixed scale it is visibly a third of a normal Monday, which is the only reason anyone opened this screen.
Meter RoomData & ReportsClaude Opus 5#meter-room-compare
Compare
Four charts in a row on one shared axis — the system’s only comparison mode, because overlaying two meters hides which is which.
Structure A single y-axis label at the left and four equal charts beside it, all on the same declared ceiling, with per-chart figures beneath.
Meter RoomSCALE FOR kW · 0—250 · DECLARED IN THEME
Block A · main incomer
MPAN 1900011234567 · CT RATIO 400/5 · POLLED 30s AGO
Now
184kW
Today
2,411kWh
Peak today
201kW
Load factor
0.55
24 hours, fixed scale 0—250 kW
2501250
00:0006:0012:0018:0024:00
Meter RoomApp ShellClaude Opus 5#meter-room-shell
Building Shell
The navigation frame where the meter tree carries live values in Geist Mono and the declared scale for the current unit is stated in the header.
Structure A 260px meter tree with mono values, a content well of uniform tiles, and a header that names the fixed ceiling rather than hiding it in settings.
Theme settings
Declared scales
Every chart of a given unit uses the ceiling set here. There is no per-chart override and there is no auto-scale, so two screens showing the same unit are always directly comparable.
Electrical demandkWHIGHEST IN 12 MONTHS · 268 kW
Electrical consumptionkWhHIGHEST IN 12 MONTHS · 2,690 kWh
GaskWHIGHEST IN 12 MONTHS · 344 kW
Waterm³/hHIGHEST IN 12 MONTHS · 9.4 m³/h
HeatkWHIGHEST IN 12 MONTHS · 418 kW
The same meter at two ceilings
Ceiling 250 kW · proposed
2501250
The car park, correctly, as almost nothing.
Auto-scaled · not available
131211
The same twelve kilowatts, made to look like an event.
Meter RoomSettings & FormsClaude Opus 5#meter-room-scales
Scale Settings
Where the ceilings are declared, one per unit, with a live preview showing what a quiet meter looks like at each candidate ceiling.
Structure Ruled rows of unit and ceiling in mono, and a preview pair below showing the same data at two ceilings so the trade-off is visible before saving.
This display
Kilcarn Lane · plant room 2
MountingWall, 2.1 m, fixed
Readable from6 m
Meters shown9
Refresh30 s
A wall display shows figures at 54px because it is read from across a room. If you are signing in from a desk, use the console instead.
Meter RoomAuth & OnboardingClaude Opus 5#meter-room-access
Plant Access
Sign-in for a wall display, which states which building it is bolted to and how far away it can be read from before asking for anything.
Structure A plant-room photograph filling most of the frame with a narrow form column, and a display block naming the mounting and the reading distance.
Metering
Per meter, per month
Hardware is bought once and is yours. What you pay monthly is polling, storage and the wall display licence.
Record
£6
per meter / month
2500
30-second polling
Ten-year retention
Fixed-scale charts
CSV export
Compare
£11
per meter / month
2500
Everything in Record
Side-by-side comparison, up to four
Tariff apportionment
Monthly report, posted
Wall
£19
per meter / month
2500
Everything in Compare
Wall display licence, unlimited screens
Ceiling authoring
Out-of-band alerting
Meter RoomPricingClaude Opus 5#meter-room-tariffs
Tariffs
Metering plans priced per meter per month, each illustrated by the same fixed-scale chart so the pricing page cannot misrepresent the product.
Structure Three plan tiles at uniform height, each carrying a fixed-scale sample chart and a mono price, then a table of what a meter costs to install.
Meter Room · energy monitoring
No chart here scales to its data
Every chart of a unit uses one declared ceiling. A quiet day is a low trace with empty space above it, which looks worse on a screenshot and is the only way two days can be compared by eye.
Auto-scaled · what everyone else draws
131211
001224
Twelve kilowatts, drawn as a dramatic day.
Fixed at 250 kW · what we draw
2501250
001224
The same twelve kilowatts. Nothing happened, and the chart says so.
Clipping is information
A value above the ceiling clips there and the clipped run is drawn in violet. We would rather show you that a meter went off the top than quietly redraw the axis around it.
No overlay mode
Comparison is two or four charts on one shared axis. Overlaying two meters on one chart makes both harder to read and neither easier.
One series colour
There is no second series colour in this system. If you need to compare, put the charts next to each other.
Meter RoomLandingClaude Opus 5#meter-room-case
Fixed Scale
A marketing page that argues its one rule by showing the same day drawn twice — once auto-scaled and once on the declared ceiling.
Structure A switchgear hero, then the two versions of one chart side by side as the central argument, then three claims and a plant-room strip.
The Midnight Reel
Friday 4 September
Five things are happening in this building tonight.
1974 · 113 min · 35mm · Introduced by Ash Merriweather
Sold out
18:30
Cléo from 5 to 7
1962 · 90 min · DCP · Part of Varda in Full
6 seats
20:15
Chungking Express
1994 · 102 min · 4K restoration
31 seats
20:45
Stalker
1979 · 161 min · 35mm · One night only
12 seats
23:00
Night of the Living Dead
1968 · 96 min · Late show, bar open
44 seats
Stalker, 1979 — 35mm print on loan from the BFI.
Midnight ReelLandingClaude Opus 5#midnight-reel-tonight
Tonight
The homepage of a repertory cinema at six in the evening: what is on tonight, in the order it starts, with everything else pushed below the fold.
Structure A near-empty upper half holding only the date and one brass line, then a full-width ruled list of five screenings whose times are the only right-aligned thing on the page.
Season · October
Varda in Full
Nine films across five weeks, in the order she made them, which is the only order that shows you what she was actually doing.
Agnès Varda called herself a gleaner long before she made the film about gleaning. The habit is there from the first feature: she picks up what a scene leaves behind and builds the next one out of it. Watching the work in sequence makes the method visible in a way that a greatest-hits season never can.
We are showing everything on film where a print exists. Four of the nine are 35mm, two of those from her own collection, and the restorations we are using for the rest were supervised by Rosalie Varda.
The season is arranged so that the two documentaries land in the middle rather than at the end. That is deliberate. They are not a coda.
Programmed by Ash Merriweather
Midnight ReelEditorialClaude Opus 5#midnight-reel-season
Season Essay
A programme note where the essay runs in one narrow column and the films it argues for sit in the margin as a ruled list you can book from.
Structure A 62ch essay column offset left with a 260px sticky margin column on the right holding the season list; the opening still bleeds off the left edge before the text begins.
Midnight ReelCommerceClaude Opus 5#midnight-reel-seats
Seat Picker
Choosing a seat in a dark room: the auditorium plan is drawn in hairlines and the only brass on the screen is the seat you have picked.
Structure A curved seat map occupying the left two thirds with the screen drawn as a wide arc at the top, and a fixed 300px booking column on the right that never scrolls away.
The print archive
Every element we hold or can borrow. Availability is checked the morning a request comes in.
Midnight ReelSearch & BrowseClaude Opus 5#midnight-reel-archive
Print Archive
Eleven hundred prints in a hairline table you can actually read, where the format column is the reason anybody came here.
Structure A single dense table with no thumbnails at all, a sticky filter row set as plain text links rather than chips, and the format column right-aligned in mono as the only structural highlight.
Midnight ReelProfile & SocialClaude Opus 5#midnight-reel-member
Member Card
A membership page built around what someone has actually watched, with the count set as large as the name and the history as a plain ruled ledger.
Structure A two-column split where the left holds an oversized attendance figure and the right is a scrolling ledger of visits; the membership card itself is drawn in hairlines and bleeds off the top edge.
The Midnight Reel
Membership
Five pounds a film, for as long as you keep coming.
Cancel any time. We do not sell the list, ever.
Ancoats Street, 1996 — the year the bulbs were last replaced.
Midnight ReelAuth & OnboardingClaude Opus 5#midnight-reel-join
Join
A sign-up that is one question at a time on a nearly empty black page, with the tall marquee photograph doing the persuading from the right edge.
Structure A 46/54 split where the form column is vertically centred with enormous margins and the photograph runs full-bleed from the top edge to the bottom on the right.
Appeal · closes 31 October
Our 35mm projector needs a new intermittent movement.
It is the part that holds each frame still for one forty-eighth of a second. Ours has done that about four hundred million times and it is beginning to weave.
£14,820raised of £22,000
412 donors67%26 days left
01
Nine of the films in this autumn's programme exist as prints and nothing else. Without a working projector they simply do not screen here.
02
The part is made by one workshop in Milan and takes fourteen weeks. Ordering it in November means being dark in February.
03
We have never charged more than five pounds to a member and we would like not to start now.
Midnight ReelMarketingClaude Opus 5#midnight-reel-appeal
Projector Appeal
A fundraising page where the ask is a single line, the progress is a hairline rather than a bar, and the reasons are told as three short paragraphs in the dark.
Structure A centred 54ch column on an otherwise empty page, with a full-width hairline progress rule sitting directly under the target figure and a three-up reason band at the bottom.
Site 12 · Long Rigg2 Sep · 11:02 · 441 mCladonia portentosa, occasional
Site 11 · Marsh Head31 Aug · 08:55 · 302 mPolytrichum commune, dominant
Site 10 · Crag Foot29 Aug · 16:20 · 274 mHylocomium splendens, frequent
Moss AtlasDashboardClaude Opus 5#moss-atlas-survey
Survey Dashboard
A field-survey overview where the map is the page and the records are a column that never covers it, with the amber marking only the site you are on.
Structure A 7:5 split where the map plate bleeds to the top, left and bottom edges of the viewport and the record column floats over the green with a hairline border.
Moss AtlasSearch & BrowseClaude Opus 5#moss-atlas-species
Species Index
A species list where the photographs are small and the Latin names are large, because the people using this already know what the plant looks like.
Structure A ruled list at 72px per row with a 56px specimen square on the left and the distribution shown as a twelve-cell month strip on the right of each row.
Field report · Site 14
Hollin Beck, upper catchment
Ines Vandermeer-Osei · 4 September 2026
The upper catchment has held water through a dry August, which is the first time in four seasons that has happened.
The sphagnum lawn above the confluence is continuous for roughly 140 metres, where last September it was broken into three patches with bare peat between them. Depth of the wettest hollow measured 38 centimetres against 22 last year.
Two of the drainage grips blocked in 2023 have silted to the point where they no longer read as channels at all. A third, at the eastern end, has cut around its dam and is running again; it will need attention before the winter.
Looking north-east across the sphagnum lawn, 09:40. The re-cut grip is out of frame to the right.
Moss AtlasEditorialClaude Opus 5#moss-atlas-report
Field Report
A written report from one site where the observations run as prose and the numbers live in a right-hand column, so neither interrupts the other.
Structure A 66ch prose column with a 220px data column on the right holding readings, and a full-bleed landscape plate that breaks both columns once, at the halfway point.
Moss AtlasDonateUpland peat restoration since 2011
We put the water back, and everything else follows.
4,180hectares of blanket bog rewettedAcross 42 sites in the north Pennines. Measured, not modelled — every hectare has a dipwell and a photograph.
Blocking grips
Eleven thousand dams since 2011, mostly peat, some stone where the gradient demands it.
Recording
Two hundred and fourteen species logged this season by fourteen volunteers.
Access
Nine kilometres of boardwalk so the ground is walked on rather than walked over.
Moss AtlasLandingClaude Opus 5#moss-atlas-trust
Trust Front
A conservation homepage whose hero is a single number with a unit, because the number is the argument and everything else on the page supports it.
Structure A full-bleed forest plate behind a headline at the lower left, then a single enormous restored-hectares figure that spans the full width above a three-up work band.
Site 14 · Hollin Beck, upper
Water table, 2022–2026
cm below surface · lower is driertarget −10 cm
Year
Mean depth
Driest week
Days below −30 cm
Rainfall
Target met
2026
−12 cm
−24 cm
0
1,204 mm
Yes
2025
−19 cm
−41 cm
14
1,088 mm
No
2024
−16 cm
−33 cm
6
1,240 mm
No
2023
−22 cm
−48 cm
28
944 mm
No
2022
−26 cm
−52 cm
41
902 mm
No
Moss AtlasData & ReportsClaude Opus 5#moss-atlas-water
Water Table
Five years of water-table depth for one site, drawn as a band around a target line, with the summers that failed marked by the gap rather than by a colour.
Structure A single wide chart occupying two thirds of the height with the y-axis inverted so wetter is up, above a compact year-by-year table of the same numbers.
Days in the field, last twelve months61 days
Most recorded by this volunteer
Sphagnum capillifolium412
Polytrichum commune388
Racomitrium lanuginosum341
Hylocomium splendens294
Sphagnum papillosum277
Cladonia portentosa218
Moss AtlasProfile & SocialClaude Opus 5#moss-atlas-recorder
Recorder Profile
A volunteer profile where the contribution is a calendar of days in the field, so consistency is visible in a way a total never is.
Structure A 260px identity column beside a 53-week contribution grid that spans the remaining width, with the species list running underneath both as a plain two-column set.
A launch page for a thing that goes live at a specific minute, built around a countdown big enough to read from across a room.
Structure A 72px headline stacked over a four-cell mono countdown that spans the full width, with a rotated ticket card overlapping the boundary between them.
Neon ArcadeProfile & SocialClaude Opus 5#neon-arcade-board
Leaderboard
A ranking where the top three are physically bigger than everyone else and the rest is a dense mono list, because ranks four to fifty are a table.
Structure A three-up podium of unequal heights across the top with the first-place card 40px taller and rotated, then a plain ruled list where nothing is a card at all.
Shop
Everything printed here. Nothing drop-shipped.
Neon tube teeHeavy cotton · S–3XL£28
Confetti sticker packTwelve die-cut · vinyl£9
Grid poster, A1Riso, two colour£34
Cabinet print, A2Giclée, signed£48
Season 04 hoodieHeavyweight · S–3XL£62
Enamel pin, set of 320mm · butterfly clutch£16
Neon ArcadeCommerceClaude Opus 5#neon-arcade-merch
Merch Grid
A shop grid where each product card takes a different hue for its border and its offset, so a wall of six reads as a set of stickers rather than a table.
Structure A three-across grid where every card has a different coloured offset and the second card is rotated, with a sticky basket bar clamped to the bottom edge.
Season 04 · Vector Run
Sixteen enter. One gets the cabinet.
Saturday 13 September · 14:00 · free to watch
Round of 16
NIGHTJAR3
TWO_COINS1
OKONKWO3
GLASSJAW0
HALFLIGHT3
DUSTKID2
PALE_HORSE3
ASHWORTH1
Quarter
NIGHTJAR3
MERRIWEATHER2
OKONKWO3
HALFLIGHT1
Semi
NIGHTJAR2
OKONKWO3
Final
OKONKWOW
Neon ArcadeMarketingClaude Opus 5#neon-arcade-tourney
Tournament Bracket
A bracket drawn as connected blocks rather than as a tree of lines, so it survives being read on a phone at the back of a noisy room.
Structure Four columns of decreasing count with the connectors drawn as 2px borders on the blocks themselves, and the prize block breaking out of the grid at the far right.
Passes
Pay once a month or once a night. Both get you the same cabinets.
Casual£9a night
Unlimited play, one night
Leaderboard entry
Guest of a member: £6
Best valueRegular£28a month
Unlimited play, any night
Early entry to drops
Two guest passes a month
10% off merch
Cabinet£90a month
Everything in Regular
Reserve a cabinet for an hour
Name on the wall
One private event a year
Things people ask
Can I cancel?
Any time, from the app, in two taps. No email, no phone call, no retention offer.
Is there a queue?
On drop nights, yes. Early entry skips it. On any other night there has never been one.
Do you take cash?
At the door, yes. The cabinets themselves are free once you are in.
Under 18?
Before 20:00, any night, with an adult. After that it is a bar.
Neon ArcadePricingClaude Opus 5#neon-arcade-passes
Pass Tiers
Three passes as three coloured blocks where the price is bigger than the tier name, because the price is what anybody is actually comparing.
Structure Three cards at unequal rotations of at most two degrees, with the middle one lifted 22px and given the loudest offset, over a plain uppercase FAQ list.
Sixty-one cabinets
Everything on the floor tonight. Nothing is out of order.
Neon ArcadeSearch & BrowseClaude Opus 5#neon-arcade-cabinets
Cabinet Finder
Browsing cabinets by how many people can play at once, with a horizontal snap-scrolling shelf per player count instead of one long grid.
Structure Three horizontal scroll shelves with scroll-snap, each labelled by player count, above a filter row of hue-coded chips rather than a sidebar.
PearlBag · 1Second fitting, atelier, August.
Made to order · four to six weeks
The Marsh coat, rose wool
£1,240
Double-faced wool from a mill in Biella, cut with no lining because the cloth does not need one. Every coat is made after it is ordered, by one of three people, whose name is on the label.
Size
Cloth
A 30% deposit is taken now. The balance is due when it ships.
How it is made
Cloth chosenWeek oneToile fittedWeek twoCut and madeWeeks three to five
Pearl AtelierCommerceClaude Opus 5#pearl-atelier-piece
Piece Page
A made-to-order garment page where the size choice is a row of pill outlines and the lead time is stated before the price, because that is the real question.
Structure A 6:6 split with the arch-masked photograph running from the very top edge on the left and the buying column floating in a pill card that overlaps its lower corner.
The Marsh coatRose wool · £1,240The Kilbride jacketUndyed linen · £780The one dressSilk crêpe · £940
Pearl AtelierLandingClaude Opus 5#pearl-atelier-house
House Front
A fashion house homepage with one arch photograph, one sentence and one green link, on a page that is unmistakably pink rather than blush white.
Structure An asymmetric hero where the arch image occupies columns 7 to 12 running past the top edge, and the sentence sits in columns 1 to 5 with a whole empty column between.
Journal · cloth
The rose wool, and why it took two years to find
Marguerite Fennimore · 28 August 2026
We wanted a rose that was not sweet, which turns out to be a very difficult thing to ask a mill for.
Most pink wool is dyed in the piece, and piece dye makes a flat colour. What we were after was a rose built in the yarn from three different fibres, so that at two metres it reads as one colour and at arm's length it does not.
Fourteen trials. The eleventh is the one, second from the right.
The finished cloth is 480 grams, double-faced, and needs no lining — which is the reason the coat has none and why it hangs the way it does.
When the 180 metres are gone the coat will stop. We are not planning to reorder, because the eleventh trial was a specific batch of a specific fibre and it would not be the same cloth.
Pearl AtelierEditorialClaude Opus 5#pearl-atelier-journal
Cloth Journal
A journal entry about one cloth, where the swatch photographs sit inside the text column at the exact point the writing is describing them.
Structure A 62ch centred column with images inline at reading width rather than pulled out, and a pill-shaped mill card breaking the column once at its midpoint.
In the atelier, Thursday.
Maker · since 2018
Yumi Sandoval-Reyes
Trained in Kyoto and Antwerp, which is a combination that shows in the seams. Makes the coats, all of them, and will not let anyone else near a collar.
Takes one apprentice at a time and is currently taking none.
184pieces8years here1machine she trusts
Finished this year
The Marsh coatRose wool · for A. Kowalczyk-Reid
August
The Marsh coatUndyed · for R. Vandermeer-Osei
July
The Kilbride jacketLinen · for P. Ashworth-Blake
July
The one dressSilk crêpe · for I. Okonkwo
June
Pearl AtelierProfile & SocialClaude Opus 5#pearl-atelier-maker
Maker Page
A page about one of the three people who make the clothes, with the portrait masked into an arch and the record of work as a plain pill-ruled list.
Structure A 340px arch portrait pinned left with the biography beside it, and a full-width list of finished pieces below where each row is a pill card rather than a table row.
Atelier services
What we can do, and how long it takes
Prices are for work on garments we made. We take outside pieces only where we can see the maker's hand in them.
Alterations2 weeksfrom £60
Hem and sleeve length
Waist and seat
Shoulder adjustment
One fitting included
Made to order4–6 weeksfrom £780
Two fittings, sometimes three
Cloth chosen with you
Maker named on the label
30% deposit, balance on despatch
Commission3–5 monthsfrom £2,400
A pattern made for you
Four fittings
Cloth sourced to a brief
The pattern is kept and is yours
Pearl AtelierPricingClaude Opus 5#pearl-atelier-services
Service Pricing
Alteration and commission prices as three pill cards where the lead time is set larger than the fee, because the wait is what people decide on.
Structure Three fully rounded cards of equal height in one row, with the lead time as the biggest element in each and the fee demoted to a line beneath it.
Cloth library
Forty-one cloths we hold or can get within three weeks.
WeightFibre
Rose double-faceBertolini · 480 g · £84/mUndyed heavy linenLibeco · 340 g · £46/mSilk crêpeTaroni · 190 g · £112/mWool flannelFox Brothers · 380 g · £68/mCotton lawnAlumo · 110 g · £34/mBouclé, rose groundBertolini · 520 g · £96/m
Pearl AtelierSearch & BrowseClaude Opus 5#pearl-atelier-cloth
Cloth Library
A cloth library browsed by weight and hand rather than by colour, with the swatches as circles so no rectangle implies a garment.
Structure A pill-chip filter row above a grid of circular swatches at three sizes, where size encodes cloth weight and the caption carries mill, weight and price per metre.
Cream lipstick · matte
Quince Preserve
PR-1140 · warm mid · 3.4 g
MatteWarmMid depthBuildable
A blue-leaning red that goes on sheer and builds to full without going flat. Reformulated in 2025 to drop the drying alcohol, which changed the wear time and did not change the colour.
Drawn down at full opacity. Photographed in daylight at 5500K with no correction, which is why it does not exactly match the disc — the disc is the reference, not this.
Powder RoomCommerceClaude Opus 5#powder-room-shade
Shade Page
A product page that opens on the disc, the shade name in DM Serif and the code in Syne Mono, with the photograph arriving afterwards and carrying no text.
Structure A 96px disc beside the name and code above the fold, then the finish chips, then a photograph placed below with its caption beneath rather than over it.
Hovering
Quince Preserve
PR-1140 · warm mid · matte · £24
184 SHADES · SORTED BY HUE ANGLE · 0° AT TOP LEFT
Powder RoomSearch & BrowseClaude Opus 5#powder-room-wall
Shade Wall
The signature screen: discs only, sorted by hue angle rather than by product, with names appearing in a fixed strip at the top instead of tooltips.
Structure A fixed name strip pinned above a dense grid of nothing but 64px discs at 20px gutters, ordered around the hue circle rather than by brand or price.
Your kit · 11 shades
Marta Reyes
Sorted by hue, as the wall is. Four are in the comparison tray; you can hold four and no more, which is roughly how many a person can actually hold in their head.
No photographs appear in this view. Two products shot under two lighting setups cannot be compared, and the discs can.
Everything in the kit
Rosehip JamPR-1102SatinBought Jan
Quince PreservePR-1140MatteBought Mar
Damson SkinPR-1148MatteBought Mar
Terracotta PostPR-0904SatinBought Nov
Bare PlasterPR-0221SheerBought Nov
Ink CapPR-1201MatteBought Sep
Powder RoomProfile & SocialClaude Opus 5#powder-room-compare
Comparison Tray
Four shades from a customer’s kit at 96px side by side on a neutral card, with codes beneath in mono and no photographs in the view at all.
Structure A kit header, then a four-disc comparison tray on a neutral card, then a ruled kit list where each row begins with a 40px disc.
Powder Room
Shade first. The photo can wait.
Every product here renders as a circle of its actual recorded colour before it renders as a photograph, so two shades can be compared without trusting two different lighting setups.
Loose pigment, unmixed. There is no type set over this image, and there is none over any image in this shop.
The disc is data
It is generated from the shade's stored value, so a new colour appears correctly without anyone shooting it, and it is the reference the photograph is checked against.
Pale shades cannot vanish
Every disc carries a 1px inset ring. It is the only inset effect in the system and it exists because a swatch that disappears into the page is a broken swatch.
The wall sorts by hue
Not by brand, not by price, not by newness. Around the hue circle, which is the order a person actually compares colour in.
Powder RoomLandingClaude Opus 5#powder-room-front
Front
A landing page that leads with a row of discs and states the rule as the offer — shade first, photograph after, and no text on any image.
Structure A disc row as the hero object beside the claim, then a photograph with its caption beneath it, then three ruled promises.
Refills
Buy the colour, not the case
Every shade is sold as a refill pan. The case is bought once, in metal, and it outlives every colour that goes into it.
Single
£18 a refill
Any one shade, any finish
Posted in a card sleeve
Old pan returned free
Four a year
£58 a year · £14.50 each
Four refills, chosen when you want them
Swap a chosen shade until it ships
Old pans returned free
Comparison tray holds six instead of four
The kit
£96 · £12 each
Eight refills and the metal case
Case engraved, if you want
Old pans returned free
Comparison tray holds six
Powder RoomPricingClaude Opus 5#powder-room-refill
Refill Plans
Refill pricing where each plan is headed by the discs it covers rather than by a feature list, and the per-shade cost is the figure in serif.
Structure Three plans as rounded cards, each opening with a row of 40px discs standing for the shades included, then price and a pill button.
Matching profile
Three questions, answered in colour
No dropdowns. Pick the circle nearest to what you see in daylight, and pick badly if you must — you can change it after you see the recommendations.
Depth
SELECTED · DEPTH 4 OF 8
Undertone
WarmWarm neutralNeutralCool neutral
These four differ by about eight degrees of hue and almost nothing else. Photographed side by side they would look identical; as discs they do not.
Coverage
SheerBuildableFull
Powder RoomSettings & FormsClaude Opus 5#powder-room-match
Match Settings
A matching profile built from discs rather than dropdowns: undertone, depth and coverage are each chosen by picking a circle.
Structure Three ruled sections where the control is a row of discs; the selected disc scales to 112% from its centre and nothing translates.
Reformulated · March 2026
The colour did not change
We took the drying alcohol out of eleven matte shades. Wear time went down by about an hour, the feel improved, and the colour is identical — which we can show you, because the colour is a stored value and not a photograph.
2024 formulaPR-1140 · L 48.2 · C 0.128 · H 18°2026 formulaPR-1140 · L 48.2 · C 0.128 · H 18°
Two discs, same stored value, rendered by the same code. Had we photographed both, they would differ — by the lighting, the lens and the day.
The new base, unpigmented. Photographed for texture, which is the only thing a photograph is reliably good for here.
Powder RoomMarketingClaude Opus 5#powder-room-reform
Reformulation
A campaign page about a reformulation, which proves the point of storing colour as data by showing the old and new discs are identical.
Structure Two 96px discs side by side under an argument, then a photograph with caption beneath, then a table of what changed with the colour row unchanged.
Good afternoon, Marion
Northfield Health · Last signed in 4 days ago
Your next appointment
Thursday 24 July, 10:20
Dr Priya Sandhu · Respiratory clinic
Northfield Health Centre, first floor. There is a lift to the right of reception.
Quiet ClinicDashboardClaude Opus 5#quiet-clinic-portal
Patient Portal
A portal home that opens with the one thing happening next, at a size you can read from arm's length, and hides everything else below it.
Structure A single full-width "next appointment" panel at the top taking a third of the screen, then a calm three-up row of secondary cards; no metrics, no charts, no badges.
Book an appointment
Respiratory clinic · Dr Priya Sandhu · about 20 minutes
Before you choose a time
Available times
Thursday 24 July
Friday 25 July
Monday 28 July
Quiet ClinicSettings & FormsClaude Opus 5#quiet-clinic-booking
Appointment Booking
A booking flow that shows real named slots rather than a calendar grid, because a grid asks you to hunt and a list asks you to choose.
Structure Day headings with a vertical list of full-width 56px slot buttons underneath; the accessibility and interpreter needs sit above the slots, not buried in a later step.
Question 5 of 13 · saved as you go
In the last two weeks, how often have you felt short of breath at rest?
At rest means sitting or lying down, not during activity. If you are not sure, choose the closest answer.
Your answers are saved. You can close this and come back.
Quiet ClinicSettings & FormsClaude Opus 5#quiet-clinic-intake
Intake Questions
One question per screen, at 30px, with a progress line and an explicit "I would rather not say" on every sensitive question.
Structure A single centred question occupying the whole panel with answers as full-width 60px buttons; progress is a thin line at the very top and a "saved" note replaces any Next button.
Your details
Kept by Northfield Health. Changing your name or address here updates your record everywhere.
About you
Name
Marion Okafor
Date of birth
14 March 1961
Contact us to change
Start typing and we will suggest addresses.
Phone
07700 900184
How we contact you
Your data
Download your record
Everything we hold, as a PDF and a data file.
Who has looked at it
A list of every access, with names and dates.
Quiet ClinicSettings & FormsClaude Opus 5#quiet-clinic-account
Account Details
An account page where every field shows its current value as text and turns into an input only when you choose to change that one thing.
Structure Definition-list rows with a Change button per row rather than one page-wide edit mode; one row is shown in its open editing state so the pattern is legible from the screenshot.
Reviewed by Dr Priya Sandhu on 12 July
Nothing here needs action.
Your inflammatory markers are slightly above the usual range, which is expected two weeks after a chest infection. Everything else is where I would want it. We will repeat these in September.
The measurements
Haemoglobin134 g/L
115Usual range 120–150170
C-reactive protein14 mg/L
0Usual range under 1040
Slightly raised. Expected after a chest infection.
Oxygen saturation97%
88%Usual range 95–100%100%
Peak flow410 L/min
250Expected for you 380–480520
What happens next
Nothing, for now. There is no appointment to book and nothing to change.
September. We will send a text when the repeat blood test is due.
If you feel worse before then, contact the practice rather than waiting for September.
Quiet ClinicData & ReportsClaude Opus 5#quiet-clinic-results
Test Results
Results shown as a position on a labelled range rather than a number in a table, with the clinician's own words above the numbers.
Structure A plain-language summary panel first, then one row per measurement where the value sits as a marker on a horizontal reference range with the normal band tinted.
Marion’s plan
Agreed with Dr Sandhu on 12 July. This is written in your words where we could manage it.
Next review · SeptemberShared with · you, Dr Sandhu, respiratory nurse
Me
Take the brown inhaler every morning, whether or not I feel breathless.
Started 12 July. Doing this most days.
Practice
Send Marion a text when the September blood test is due.
Scheduled for 8 September.
Me
Write down anything that makes the breathlessness worse.
A note on the phone is fine. Bring it to the September appointment.
Practice
Refer Marion to pulmonary rehabilitation.
Waiting list is about 10 weeks. We will write when a place comes up.
Not yet
Decide whether to change the preventer inhaler.
We agreed to leave this until we see the September results.
If things get worse
Use the blue inhaler and sit upright. Wait ten minutes.
If it does not settle, take the rescue steroids in the kitchen drawer and call the practice.
If you cannot finish a sentence, call 999. Do not wait to see if it passes.
Quiet ClinicData & ReportsClaude Opus 5#quiet-clinic-care-plan
Care Plan
A shared plan written in the first person, where each step names who is responsible — you, the practice, or nobody yet.
Structure Vertical plan with generous 28px gaps between steps; each step carries an owner chip on the left and a plain sentence, and completed steps stay visible rather than collapsing.
Northfield Health
Sign in to your record
You will need your NHS number or the email address we have for you.
Quiet ClinicAuth & OnboardingClaude Opus 5#quiet-clinic-signin
Accessible Sign-in
A sign-in with 56px fields, a visible show-password control, and a route for people who cannot sign in that is as prominent as the form.
Structure Single 26rem centred column with no image at all; the "I cannot sign in" panel sits directly under the form with equal weight rather than as a small link.
Step 3 of 5
How should we contact you?
You can change any of this later, and having more than one is fine.
Quiet ClinicAuth & OnboardingClaude Opus 5#quiet-clinic-setup
Guided Setup
A setup checklist that lets you stop at any point, tells you what each step unlocks, and never blocks the useful part behind the optional part.
Structure A left checklist rail of five steps with clear done/current/later states and a right panel showing only the current step; the "use it without finishing" route is always visible.
Open Your appointments, choose the appointment, then Change or cancel. You can do this up to two hours before. After that, please call the practice on 0113 496 0000 so somebody can offer the slot to another person.
There is no penalty for cancelling, and it does not affect your record.
Hospital appointments are not managed here. Use the number on your letter.
Quiet ClinicSearch & BrowseClaude Opus 5#quiet-clinic-help
Help Centre
A help centre that answers the top question inline on the search page instead of making you open an article to find one sentence.
Structure Large search field, then a top-answer panel rendered in full above the result list; results below carry a first line of their own answer rather than a category label.
Speaks
Gender
Availability
Dr Priya Sandhu
GP · Respiratory, long-term conditions
I see a lot of people with breathing problems and I would rather you came in early than waited to see if it settled.
Taking new patients · next free 24 July · speaks Punjabi, Urdu
Dr Colm Brennan
GP · Mental health, older adults
Appointments with me are usually 20 minutes rather than 10. Please say if you need longer and we will arrange it.
Taking new patients · next free 29 July
Sara Halvorsen
Respiratory nurse specialist
I run the inhaler-technique clinic. Most people are doing something slightly wrong and it is nearly always fixable in ten minutes.
List is full · joining again in September
Quiet ClinicSearch & BrowseClaude Opus 5#quiet-clinic-find
Find a Clinician
A clinician directory where the filters are the things people actually ask for — language, gender, and whether they are taking new patients.
Structure A horizontal filter row above a single-column list of tall rows; each row is a 96px round photo, a short biography in the clinician's own words, and an availability line.
Northfield Health
Pulmonary rehabilitation
Is it for me?
If breathing problems limit what you can do day to day, yes. You do not need a specific diagnosis and you do not need to be able to exercise already.
What actually happens?
Two sessions a week for six weeks, in a group of about ten. Half is gentle exercise at your own pace, half is sitting down and learning what to do when it gets worse.
How long is the wait?
About ten weeks at the moment. We will write to you when a place comes up, and you can say no to that date without going back to the end of the list.
From referral to first session
Your GP refers you. Nothing for you to do. You will get a text confirming it within a week.
We call you. A short call to check the timing works and whether you need transport.
Assessment. One appointment, about an hour, to see where you are starting from.
First session. Bring nothing. Wear whatever you can move in.
Quiet ClinicLandingClaude Opus 5#quiet-clinic-service
Service Page
A public service page that answers "am I eligible, what happens, and how long will it take" before it says anything else.
Structure A calm photographic band at 200px, then a three-question answer block in a single column at 18px, and a stepped "what happens" list — no testimonials, no statistics band.
About my inhaler
Started 10 July · replies usually within 2 working days
You
I have been using the brown inhaler every morning since the appointment but I am not sure I am doing it right. Is there a way to check?
Sara HalvorsenRespiratory nurse
Very common and worth checking. I run a technique clinic on Tuesdays — ten minutes, no referral needed. Would you like me to book you in?
You
Yes please, any Tuesday works.
Sara HalvorsenRespiratory nurse
Booked for Tuesday 22 July at 11:00, ground floor room 2. Bring the inhaler you actually use, not a spare.
Quiet ClinicApp ShellClaude Opus 5#quiet-clinic-messages
Secure Messages
A message thread that states the expected reply time at the top and marks clearly which messages came from a clinician versus an administrator.
Structure Two panes at 300px/1fr; the thread is not a chat bubble stream but stacked labelled blocks with generous spacing, and the composer states the reply expectation again.
ANON-44182 CT CHEST W/O SER 3 · IMG 118/240A SUPINEW 1500 · L -600 LUNG10 mm 2026-03-12 07:44
42.1 mm
RadiographANON-44182 · CT CHEST WITHOUT CONTRAST · 240 IMAGESUnreported
RadiographApp ShellClaude Opus 5#radiograph-viewer
Viewer
The single-pane reading view: the study takes everything except a 280px rail, and every tool in that rail is an icon with its current value flush right.
Structure A two-region split — image area at 60% minimum and a fixed 280px rail — with a four-corner mono overlay and a filmstrip inside the rail, not under the image.
SER 3 · 2026-03-12AW 1500 · L −60010 mm
SER 3 · 2025-09-04AW 1500 · L −60010 mm
SER 7 · 2026-03-12AW 400 · L 405 mm
SER 7 · 2025-09-04AW 400 · L 405 mm
RadiographANON-44182 · CURRENT AND PRIOR · LINKED SCROLLComparison
RadiographDashboardClaude Opus 5#radiograph-compare
Four Up
A four-pane comparison — never three, because three wastes a quadrant — with every pane carrying its own corner overlay and one shared rail.
Structure A 2×2 hard grid of panes filling 60%+ of the width, each with a four-corner mono overlay; the rail carries a pane-count control at the top.
Report · CT chest without contrast
ANON-44182
ACQUIRED 2026-03-12 07:44 · REPORTED 2026-03-12 14:20 · DR H. ALDWYN
Final
SER 3 · IMG 11810 mm
SER 3 · IMG 14210 mm
SER 7 · IMG 0615 mm
SER 7 · IMG 0885 mm
Findings
RegionFindingMeasurementPriorImage
Right upper lobeSolid nodule, spiculated margin11.4 mm8.1 mmS3 / 118
Right upper lobeMean attenuation−812 HU−796 HUS3 / 118
RadiographData & ReportsClaude Opus 5#radiograph-report
Report
The structured report, where every measurement carries a mono value and a link back to the image it was made on, and the impression is the only prose.
Structure A key-image strip at 60% width across the top, then a findings table with mono values, then a single impression block at a 60ch measure.
Hanging protocol
CT chest, with prior
Applies when a chest CT is opened and a comparable prior exists within 24 months. Everything below is what the reader sees before touching anything.
Layout
124
There is no three-pane option. A three-up layout leaves one quadrant empty on every display we support, and an empty quadrant on a diagnostic screen is a place for the eye to go that has no information in it.
Opens with
WindowLung 1500 / −600
Slice thickness10 mm
Linked scrollon
Linked zoomoff
Corner overlayfull
Series order
1Axial lung, currentSER 3
2Axial lung, priorSER 3
3Axial soft tissue, currentSER 7
4Axial soft tissue, priorSER 7
RadiographSettings & FormsClaude Opus 5#radiograph-hanging
Hanging Protocol
Configuring how studies open, where the pane-count control offers 1, 2 and 4 and there is deliberately no option for 3.
Structure A settings column with the rail-style icon-and-value rows reused as the form controls, so configuration looks like the tool it configures.
UnreportedMineCTMRPlain film31 STUDIES · 6 URGENT
AccessionStudyAcquiredImagesPriority
ANON-44182CT chest without contrast12 Mar 07:44240Urgent
ANON-44179CT abdomen and pelvis12 Mar 07:12412Routine
ANON-44174MR head without contrast12 Mar 06:38188Urgent
ANON-44170Chest radiograph, PA12 Mar 06:022Routine
ANON-44168CT chest, follow-up11 Mar 22:51236Routine
RadiographSearch & BrowseClaude Opus 5#radiograph-worklist
Worklist
The reading list, kept dense at 13.5px with a thumbnail column that is genuinely square and priority shown as an accent chip rather than a red row.
Structure A filter strip, then a 32px-row worklist whose leftmost column is a 28px square thumbnail, with the selected study previewed at 60% on the right.
This workstation
Reading room 2, station 4
DisplayDual 6MP greyscale
CalibrationDICOM GSDF · verified 4 days ago
Ambient18 lux
Diagnostic usePermitted
Signing in on an uncalibrated station allows review but not reporting. This station is calibrated.
RadiographAuth & OnboardingClaude Opus 5#radiograph-access
Access
A reading-room sign-in that names the display calibration state before the credentials, because an uncalibrated monitor is a clinical problem.
Structure A near-full-bleed dark corridor image with a 380px form column, and a calibration block above the fields rather than buried in a settings screen.
Licensing
Per concurrent reading seat
Storage, archive, the API and unlimited review-only users are included at every tier and are not metered. What a licence buys is a seat that can report.
REVIEW1 pane
£190 / seat / month
Single pane viewingyes
Measurement toolsyes
Structured reportingno
Prior comparisonno
REPORT4 panes
£420 / seat / month
One, two and four panesyes
Measurement toolsyes
Structured reportingyes
Prior comparison, linkedyes
DEPARTMENTunmetered
£3,400 / month
Unlimited reporting seatsyes
Hanging protocol authoringyes
Calibration monitoringyes
On-site commissioningyes
RadiographPricingClaude Opus 5#radiograph-licensing
Licensing
Licence tiers priced per concurrent reading seat, each rendered as a dark panel with an image thumbnail so the pricing page still looks like the product.
Structure Three panels each opening with a 4:3 image and its corner overlay, then icon-and-value rows reused from the rail as the feature list.
Chapter eleven
The Long Room
The house had been repainted so many times that the door frames had lost their edges, and where a hinge had been moved the old screw holes stood proud under the filler like the knuckles of a hand under a sheet. Marta had counted eleven layers in the scrape she made behind the wardrobe, and had stopped counting only because the wall behind the eleventh was not plaster.
She had come for a fortnight and had stayed for the winter. This was not a decision anyone had made. The lease on the flat had run out in October and nobody had raised the question again, and by the time the frost came the question had become the sort that is rude to ask.
What she remembered afterwards was the light. Not the quality of it — that was ordinary, a grey coastal light that did nothing for anybody — but its schedule.1 At four it left the long room entirely, and the lamp went on, and the room became a different and much smaller place with a hard edge somewhere near the second window.
In February the wall behind the eleventh layer turned out to be brick, and behind the brick was a doorway, and behind the doorway was the top of a stair going down into what the deeds insisted was solid ground.
Reading LampEditorialClaude Opus 5#reading-lamp-chapter
Chapter
The reading view: one 66ch column centred in whatever space is left, paragraphs indented with no space between them, and a footnote that expands in place.
Structure A single locked column with no sidebar, no rail and no progress bar; the footnote pushes the text down rather than floating over it.
The Long Room · Chapter 11
The house had been repainted so many times that the door frames had lost their edges, and where a hinge had been moved the old screw holes stood proud under the filler like the knuckles of a hand under a sheet.
She had come for a fortnight and had stayed for the winter. This was not a decision anyone had made. The lease on the flat had run out in October and nobody had raised the question again, and by the time the frost came the question had become the sort that is rude to ask.
What she remembered afterwards was the light. Not the quality of it — that was ordinary, a grey coastal light that did nothing for anybody — but its schedule. At four it left the long room entirely, and the lamp went on, and the room became a different and much smaller place with a hard edge somewhere near the second window.
In February the wall behind the eleventh layer turned out to be brick, and behind the brick was a doorway, and behind the doorway was the top of a stair going down into what the deeds insisted was solid ground.
Reading LampApp ShellClaude Opus 5#reading-lamp-shell
Reader
The whole application chrome: a thin top line, the locked column, and nothing at the sides — no table of contents rail and no reading progress bar.
Structure A 44px top line carrying the book and the two controls, then the 66ch column centred with a great deal of deliberate empty space beside it.
Size and warmth
That is the whole settings screen. Everything else about how this reads has been decided, and the decisions are listed at the foot of this page so you can see what they were.
Size
Five steps, shown as five rules. There are no point sizes because a point size is a fact about a font file and not about how far away your eyes are.
Warmth
Moves the ground and the text together so the contrast ratio does not change. In dark mode the ground stops at a warm dim rather than going to black, because white text on near-black haloes for a great many readers.
She had come for a fortnight and had stayed for the winter. This was not a decision anyone had made, and by the time the frost came the question had become the sort that is rude to ask.
Decided and not offered: the measure, at 66ch; the typeface, Crimson Pro; justification, off; hyphenation, on; paragraph indent, one em; space between paragraphs, none; page turns, instant.
Reading LampSettings & FormsClaude Opus 5#reading-lamp-controls
Two Controls
The entire settings screen: size shown as five rules of increasing length with no numbers, and warmth as a continuous slider that keeps contrast constant.
Structure A 66ch column holding two controls and a live sample paragraph beneath them, with an explicit list of what has been decided rather than exposed.
Your shelf
Ordered by how far in you are, because a book you are eleven pages into and a book you abandoned at four hundred are different objects.
Reading LampSearch & BrowseClaude Opus 5#reading-lamp-shelf
Shelf
A library kept as a list rather than a grid of covers, ordered by how far through you are, with times in Cutive Mono at the right of each line.
Structure The same 66ch column holding a ruled list; each line is title, author and a mono time-remaining, and there are no cover thumbnails at all.
Marta Reyes
Reading since March 2019. There is no streak on this page and there will not be one; a day you did not read is not a failure and this application is not going to tell you it was.
Reading LampProfile & SocialClaude Opus 5#reading-lamp-reader
Reader Profile
A reading record with no streaks, no badges and no leaderboard — hours and finished books stated once, in mono, and then left alone.
Structure The locked column holding a plain figures block and a chronological list of finishes; there is no chart and no comparison to anybody else.
Reading Lamp
A warm dim, not a black
Almost every dark mode goes to near-black and puts white text on it. For a great many readers that produces halation — the letters bloom and smear — and the usual fix is to lower the text, which lowers the contrast, which is worse.
This one raises the ground instead. The dark mode here sits at a warm dim, roughly the colour of a page under a lamp, and the contrast is unchanged. It looks unfashionable in a screenshot and it is markedly easier to read for an hour.
An actual lamp, on an actual desk. The dark mode is trying to be this.
The measure is locked at 66 characters and there is no full-width mode. This is the one thing people complain about and we are not going to change it: a width control is a way for a reader to make their own experience worse, and on a 32-inch monitor they will take it.
There are two controls in the entire application. Size, shown as five rules of increasing length, and warmth, which moves the ground and the text together. No font picker, no theme picker, no justification toggle, no line-height slider. Those are all decisions, and we have made them.
Links in the text are the same colour as the text with a rule under them. Footnotes expand in place and push the paragraph down, because a footnote in a popover covers the sentence it belongs to.
Reading LampLandingClaude Opus 5#reading-lamp-front
A Warm Dim
A landing page written as prose in the same 66ch column the product uses, with one lamplit photograph and no feature grid anywhere.
Structure The locked column throughout — the page is an essay, not a marketing layout — with a single full-measure photograph and one button at the foot.
Two prices
There is no free tier with advertisements in it and there is no annual saving to work out. Two numbers, both of which include everything.
Monthly£4
Yearly£44
The yearly price is eleven months. That is the entire discount and it exists so we can stop thinking about pricing.
Fourteen thousand books, every one of them licensed rather than scraped, and about sixty new ones a month. No advertising, no recommendation engine, no reading data sold to anybody, and no publisher paying us to put a title in front of you — there is nowhere to put it, because there is no store front and no carousel.
Downloading a book keeps it. If you stop paying, the books you downloaded stay readable and the catalogue closes; nothing is taken off your device and nothing is bricked.
Reading LampPricingClaude Opus 5#reading-lamp-subscribe
Subscription
Two prices set as ruled lines in the reading column rather than as cards, with the reason for each stated in a sentence and nothing compared in a table.
Structure The 66ch column carrying two ruled price lines with mono figures, then prose about what the money pays for, and no feature comparison anywhere.
Catchment · Kilcarn Water
34 sites reporting
Last full sweep 12 March 06:00 · next 13 March 06:00
SiteGrid refNitratePhosphateTurbiditySampled
Kilcarn BridgeN 4412 883028.1mg/l0.061mg/l14NTU12 Mar
Ford Lane outfallN 4488 871251.4mg/l0.088mg/l22NTU12 Mar
Mill WeirN 4501 890422.7mg/l0.042mg/l9NTU12 Mar
Aughrim confluenceN 4390 899831.9mg/l0.067mg/l12NTU11 Mar
Beech Hollow drainN 4520 868827.4mg/l0.184mg/l17NTU11 Mar
Reed BedDashboardClaude Opus 5#reed-bed-catchment
Catchment
Every site in a catchment as a ruled row carrying three level strips inline — the three determinands that matter for that site class — and no bare figures anywhere.
Structure A ruled site list with three inline level strips per row, a mid-tone ground, and a single card holding the catchment summary at the top right.
Statutory return · WQ-2026-Q1
Kilcarn Water, quarter ending 31 March
OperatorKilcarn Water Authority
PermitEPR/QB3419KF
Sites34
Samples1,088
Determinands, quarterly mean against limit
DeterminandLimitMeanLevel against bandnExceedances
Nitrate as NO₃50 mg/l29.42724
Orthophosphate0.12 mg/l0.0712722
Turbidity25 NTU13.12721
Ammoniacal nitrogen0.6 mg/l0.182720
Dissolved oxygen≥ 7.0 mg/l6.42729
Schedule of exceedances
Date
Site
Grid ref
Determinand
Value
Limit
04 Jan
Beech Hollow drain
N 4520 8688
Orthophosphate
0.184
0.12
19 Jan
Ford Lane outfall
N 4488 8712
Nitrate
54.1
50
02 Feb
Ford Lane outfall
N 4488 8712
Nitrate
51.4
50
27 Feb
Aughrim confluence
N 4390 8998
Dissolved oxygen
6.1
7.0
Reed BedData & ReportsClaude Opus 5#reed-bed-return
Regulatory Return
A printable statutory return where the level strips survive the print stylesheet, laid out as a two-column document with a ruled metadata block.
Structure A report head of four label/value pairs, a determinand table with a level strip in every row, and an exceedance section that repeats the band unchanged.
Reed BedDr H. Aldwyn
Mill reach
14 sites · 2 open exceedances
Mill Weir22.7mg/l NO₃12 Mar 06:20
Mill Pool25.8mg/l NO₃12 Mar 06:24
Ford Lane outfall51.4mg/l NO₃12 Mar 06:31
Sluice head18.4mg/l NO₃12 Mar 06:38
Reed BedApp ShellClaude Opus 5#reed-bed-console
Catchment Shell
The working frame: a catchment tree on the left, ruled content in the middle, and a filter panel that is the only element in the system allowed a shadow.
Structure A 240px catchment tree, a ruled content area, and a filter panel overlaying from the right with the system’s single permitted shadow.
Catchment note · March
What the wet winter did to Kilcarn
Between November and February the catchment took a hundred and forty per cent of its long-term average rainfall, and almost all of it arrived in eleven days. This note describes what that did to the nitrate signal and why the answer is not simply “diluted it”.
The quarterly mean at Mill Weir came in at 22.7mg/l, which is comfortably inside the band and about four milligrams below the same quarter last year. Read alone, that is a good news story.
The daily record says something else. On 14 January, twelve hours after the peak flow, Ford Lane outfall reached 54.1mg/l — the highest single value recorded at that site in nine years. Dilution and flushing are not the same process, and a quarterly mean cannot tell them apart.
The sluice at Mill Weir on 14 January, an hour before the peak. Photograph by the catchment team.
What we are changing
From April the Ford Lane sampler moves to two-hourly during any event above the 90th percentile flow. Quarterly means will still be reported because the permit requires them, but they will be published beside the event record rather than instead of it.
H. Aldwyn · Catchment Science
Reed BedEditorialClaude Opus 5#reed-bed-almanac
Almanac
A long-form catchment note where the level strips appear inline in the prose, so a sentence about a nitrate figure carries the figure’s band with it.
Structure A 68ch reading column with inline level strips set into the paragraphs and a full-bleed cool photograph breaking the column once.
Offline sampling is available for four hours. Readings sync when you regain signal and are marked provisional until they do.
Reed BedAuth & OnboardingClaude Opus 5#reed-bed-field
Field Access
A sampler signing in from a riverbank: the site they are standing at is identified by grid reference before any credential field appears.
Structure A cool full-bleed reed photograph above a narrow form, with the detected site and its grid reference stated in Cousine as the first content.
Bathing water · Kilcarn Strand
Excellent today
PoorSufficientGoodExcellent
Sampled 12 March 06:40 · E. coli 14 cfu/100 ml · intestinal enterococci 6 cfu/100 ml
What the classification means
Excellent is the highest of four classes and is calculated from the last four bathing seasons, not from today. Today's sample is shown because a single bad day matters to you even when the classification does not move.
When it changes
Heavy rain moves sewer overflows and farm runoff into the estuary within hours. We publish a short-term pollution warning when that is forecast, and we publish it before the sample confirms it.
Where the number comes from
A sampler stands in the water at knee depth at N 4390 8998 and fills a bottle. It is analysed within 24 hours at the county laboratory. Nothing about this is modelled.
Reed BedLandingClaude Opus 5#reed-bed-water
Water Quality
A public-facing page that opens on a single bathing-water level strip at full width, because a beach visitor wants one fact and its band, not a dashboard.
Structure A full-width level strip as the hero element above an estuary photograph, then three ruled explanatory sections with no cards at all.
Kilcarn Trust
Adopt a reach
Four hundred metres of river, monitored fortnightly, for a year. You get the readings; the reach gets the sampler.
Ford Lane
£340 / year
The hardest reach in the catchment. Two open nitrate exceedances and an outfall that has not been surveyed since 2019.
51.4mg/l NO₃0.088mg/l P
Mill Weir
£280 / year
Stable, well-recorded and useful as a reference. Adopting it funds the baseline everything else is measured against.
22.7mg/l NO₃0.042mg/l P
Aughrim confluence
£310 / year
Where two catchments meet, which makes it the most argued-over reading in the county and the one most worth having properly.
31.9mg/l NO₃6.1mg/l DO
Reed BedMarketingClaude Opus 5#reed-bed-adopt
Adopt a Reach
A conservation appeal that shows the reach you would fund as three level strips, so the ask is stated in the same units as the outcome.
Structure A cool hero image with an offset serif title, then reach cards that are ruled blocks rather than boxes, each carrying its current levels.
Ines
Bluebell room · key person Sam O.
InesTobias
Sesame · severeKitchen and room staff notified. Epipen in the Bluebell cupboard, in date until 08/2027.
08:12
Arrived
Came in happily, went straight to the water tray. Handover from you: slept badly, may need an early nap.
09:30
Snack
Half a pear and most of a rice cake. Drank a full cup of water.
10:05
Outdoors
Mud kitchen for nearly an hour. Made something she described at length as “soup for the birds”.
11:40
Lunch
Pasta with tomato — sesame-free batch, checked by Sam. Ate all of it.
12:20
Nap
Asleep 12:20, awake 13:55. A long one, as predicted.
Rosewater SchoolApp ShellClaude Opus 5#rosewater-school-day
The Day
The screen a parent opens at 7:40am: the child’s name at 58px above everything including the navigation, then the allergy strip, then the day as a timeline.
Structure Name header first in document order, navigation second, then a vertical timeline with times in a 56px left gutter and filled cards to their right.
Ines Whitlock
Bluebell room · 3 years 4 months · with us since September 2024
Curiosity12 March
Spent forty minutes at the mud kitchen mixing what she called soup for the birds, then insisted on taking a bowl of it to the fence line to leave for them. Came back to check on it three times.
Observed by Sam O.
Making08 March
Rolled dough with Tobias for a long time without either of them asking an adult for anything. Ines did most of the flour.
Observed by Priya N.
Colour04 March
Mixed green and pink deliberately and repeatedly to see what happened, and was not satisfied with the answer.
Observed by Sam O.
Rosewater SchoolProfile & SocialClaude Opus 5#rosewater-school-portrait
Portrait
A child’s record where the name is the whole header and the observations are a warm feed of moments rather than a table of assessment codes.
Structure The name header, then a two-column split of a narrow key-facts rail and a wide observation feed with rounded photographs.
Ines
Consents and permissions · last reviewed 4 January by Ada Whitlock
Photographs in her own record
Staff may photograph Ines during the day and add those photographs to her private learning record, which is visible to you and to her key person only.
Photographs shared with other families
Photographs that include Ines may appear in a group observation shared with the families of the other children in that photograph. She will not be named.
Photographs used publicly
Photographs including Ines may be used on our website, in printed material, and on our social accounts. This consent can be withdrawn but we cannot recall printed material already distributed.
Suncream applied by staff
Staff may apply the suncream you provide, labelled with her name, to exposed skin before outdoor play between April and September.
Local walks
Ines may leave the setting on foot with staff at a ratio of one adult to three children, within the area shown on the walking-route map in the parent handbook.
Rosewater SchoolSettings & FormsClaude Opus 5#rosewater-school-consent
Consents
Consent settings where each toggle carries its full wording beside it rather than behind a link, so agreeing and reading are the same action.
Structure The name header, then consent rows as wide filled cards with a pill switch on the right and the complete consent text — not a summary — on the left.
Rosewater SchoolAuth & OnboardingClaude Opus 5#rosewater-school-morning
Morning
A one-handed sign-in built for 7:40am: two large pill fields, a very large button, and the children’s names shown before the credentials are even asked for.
Structure A narrow single column with the two children named at the top as chips, then two pill inputs and a full-width 14px-padded button.
Rosewater · a nursery in Kilcarn
Ines
Every screen a parent sees here starts with their child's name, at this size, before anything else. That is not a design flourish. It is the whole point of the software and most of the point of the nursery.
Ordered by time, not importance
The day comes to you as it happened — arrival, snack, outdoors, lunch, nap — because a feed sorted by what an algorithm thinks matters is not a day.
Named, not numbered
No dashboards, no “recent activity”, no lookup before you can read anything. Your child's name, then the day.
Written by the person who was there
Every observation is signed by the adult who made it. If you want to ask about it, you know who to ask.
Powder paint, mixed badly on purposeDough, most of a morningThe bit of the garden they plantedThis week's collection
Rosewater SchoolLandingClaude Opus 5#rosewater-school-welcome
Welcome
A nursery site whose hero is not the building but a child’s first name at display size, demonstrating the system’s own naming rule to prospective families.
Structure A warm hero image beside a stated first name, then three ruled promises, then a rounded photo strip of making rather than facilities.
What a week costs
Choose the days. The figure at the bottom is what leaves your account, after funding, including everything. There is no registration fee and no deposit.
MondayFull day£62
TuesdayFull day£62
WednesdayNot booked—
ThursdayMorning£36
FridayFull day£62
Four sessions a week, term time and holidays£222.00
Meals, snacks, nappies and suncreamincluded
Funded hours (30 hours, spread across booked days)−£132.60
Sibling discount, Tobias in Acorn (5%)−£4.47
Weekly total£84.93
Rosewater SchoolPricingClaude Opus 5#rosewater-school-sessions
Sessions
Fees shown as sessions in a week rather than as tiers, with funded hours deducted in the open so the number a family actually pays is the large one.
Structure A weekly session grid where selecting days builds the price, and a breakdown beneath that subtracts funded hours line by line rather than hiding them.
A letter from Bluebell room · March
Bluebell
From Sam, Priya and Nadia
The mud kitchen has taken over. We built it in October expecting it to be a winter thing and it has become the centre of the room's social life, which is not what we planned and is much better than what we planned.
What is actually happening out there is negotiation. Who gets the big pan. Whether the soup is finished. Whether the birds will like it. Three-year-olds working out how to share a limited resource in the cold, for an hour, without an adult adjudicating — this is worth more than almost anything we could have set up indoors.
Soup for the birds, left at the fence line and checked on repeatedly
Indoors we have been mixing colour. Several children have discovered independently that green and pink make brown and have expressed clear disappointment about it. We have not intervened.
The disappointing brown, made about forty times
Things we could use
Conkers, acorns, and any interesting sticks — we have run out
Old shirts for painting, adult size, we do not mind the state of them
Empty tins and jars, washed, for the mud kitchen
Rosewater SchoolEditorialClaude Opus 5#rosewater-school-letter
Letter Home
A room newsletter written as a letter, with rounded photographs set into a narrow measure and no uppercase headings anywhere on the page.
Structure A 62ch column with the room named at display size, photographs at 14px radius inset in the text, and a signed-off closing block.
Beckton Yard
Shift B · 06:00–14:00 · gate open09:41
On site84
Booked in today31
Late6
Free bays11/48
Unit
Carrier
Bay
Booked
Arrived
Status
MSKU 448210 2
Maersk
B-14
07:30
09:12
Late 102 min
TGHU 991047 5
Hapag
B-02
08:00
07:54
Unloading
CMAU 660118 3
CMA CGM
A-09
08:15
08:11
On bay
OOLU 221885 7
OOCL
—
08:30
—
Not arrived
MSCU 774102 0
MSC
C-21
09:00
08:58
Loading
HLXU 300941 8
Hapag
B-07
09:15
09:20
On bay
TCNU 118840 4
Evergreen
A-16
09:30
09:28
Checked in
Rust FreightDashboardClaude Opus 5#rust-freight-yard
Yard Board
The board a yard office watches: what is on site, what is late, and which bay it is in, at a size that reads from six feet away.
Structure A four-cell count strip across the top, then a full-width movements table at 44px rows with a 220px bay-occupancy column pinned to the right of it.
Loading manifest
Northfield → Rotterdam · sailing 8412 · 4 September 2026
Document
MAN-2026-8412-B
Prepared
09:04
Checker
R. Idowu
Line
Unit
Contents
Declared kg
Weighed kg
Difference
Seal
01
MSKU 448210 2
Machine parts, palletised
18,400
18,412
+12
SL-004821
02
TGHU 991047 5
Paper, reels
22,100
22,088
−12
SL-004822
03
CMAU 660118 3
Mixed retail, cartons
14,800
16,240
+1,440
SL-004823
04
MSCU 774102 0
Steel coil, secured
26,400
26,390
−10
SL-004824
05
HLXU 300941 8
Timber, banded
19,200
19,244
+44
SL-004825
Total, five units
100,900
102,374
+1,474
Discrepancy
Line 03 exceeds declared weight by 1,440 kg, above the 500 kg tolerance. Unit held at bay A-09 pending re-weigh and a corrected declaration from the shipper. Do not load.
Rust FreightData & ReportsClaude Opus 5#rust-freight-manifest
Manifest
A printable manifest where the weights are typewriter mono because they get transcribed by hand, and the discrepancy column is the only place iron appears.
Structure A document-style table with a header block laid out as a printed form in two columns, and totals separated from the body by a 2px rule rather than by a fill.
JOB-8841
Beckton → Rotterdam
Load
Steel coil, secured · 26,400 kg
Unit
MSCU 774102 0
Collection
Bay C-21, from 10:00
Sailing
8412, cut-off 13:15
Special
Requires flatbed with twelve lashing points
Note from the yard
Coil is over-height by 60 mm. Route avoiding the Kirkstall bridge is already applied.
Rust FreightApp ShellClaude Opus 5#rust-freight-console
Dispatch Console
A dispatch screen split three ways so the planner never scrolls: jobs on the left, the chosen job in the middle, drivers on the right.
Structure Three fixed panes divided by 2px rules with no gutter, where the middle pane is a form and the outer two are lists, and a single action bar spans all three.
08:44WeighedWeighbridge 1 · 26,390 kg · within tolerance
08:31Gate inGate 2 · seal SL-004824 verified · R. Idowu
07:02Departed CarrfieldDriver M. Sandoval · 42 km
06:40SealedCarrfield depot · seal SL-004824 applied · K. Barr
06:12Loaded at originCarrfield depot · steel coil, secured
Rust FreightSearch & BrowseClaude Opus 5#rust-freight-track
Unit Tracker
A tracking page for one container where the history is a plain vertical list of stamped events, each one attributable to a person or a scanner.
Structure A search bar spanning the width, then a 3:2 split of an event ledger against a fixed detail card, with the current status as a full-width band between them.
Forty-one trucks, six trailers types, one phone number that a human answers.
Palletised and full-load haulage across the north and into the Netherlands. Nothing is subcontracted without telling you first.
96.4%on time, last 90 days
41trucks, all owned
1971operating since
01
Full load
Curtain, flatbed, coil well and low loader. Twelve lashing points as standard.
02
Palletised
Next-day across the north, two-day to the south, on our own network.
03
Port work
Immingham, Hull and Teesport daily. Beckton yard is inside the perimeter.
04
Abnormal
Over-height and over-width to 4.6 m, with the route survey included in the rate.
Rust FreightLandingClaude Opus 5#rust-freight-front
Haulier Front
A haulage company page whose proof is a live on-time percentage and a fleet count, not a stock photograph of a lorry at sunset.
Structure A condensed uppercase headline filling the width above a grayscale yard photograph, then a three-column figures band separated by 2px rules with no gaps.
Daily walkaround
PN71 KVX
4 Sep · 05:52 · J. OyelaranDefect · mirrors and glass
Severity
Rust FreightSettings & FormsClaude Opus 5#rust-freight-defect
Defect Report
A walkaround defect form built for a phone held in a cold hand: big targets, one section at a time, and a photograph slot per item.
Structure A 420px single column of 56px-tall check rows with three-state controls, and a defect detail block that expands inline under the row that failed.
Opinion of the Court
In the matter of Ashgrove Holdings and the Estate of M. Delacroix-Whitfield
No. 2026/1184 · Delivered 4 September 2026
The question is a narrow one: whether a trustee who declines to exercise a discretion has, by that declining, exercised it.
1Marguerite Delacroix-Whitfield died in March 2024 leaving a discretionary trust of which Ashgrove Holdings is the sole corporate trustee. The class of beneficiaries is wide and includes two grandchildren who were minors at the date of death.
2Between May 2024 and January 2026 the trustee made no distribution of any kind. It did not refuse a request; no request was made. It held four meetings, minuted in each case that distribution had been considered and that no distribution would be made at that time.
3The appellants say that a settled pattern of considering and declining amounts to a decision, and that a decision may be reviewed. The trustee says that a discretion not exercised produces nothing to review.1
4We prefer the appellants' formulation, though not for the reason they advance. The relevant act is not the declining. It is the deliberating.2
Sable CourtEditorialClaude Opus 5#sable-court-opinion
Opinion
A long document with its apparatus in the margin: paragraph numbers, dates and cross-references sit outside the measure and the argument runs uninterrupted.
Structure A 200px margin column holding numbered references beside a strict 64ch measure, with footnotes gathered at the foot behind a short rule rather than at each mention.
Sable CourtData & ReportsClaude Opus 5#sable-court-statement
Client Statement
A quarterly statement where every figure is monochrome, so gains and losses have to be labelled in words and nobody skims the colour instead of the number.
Structure A ruled statement table with no fills at all, an italic column-header row instead of bold, and a summary block sitting in the left margin rather than above the table.
2026/1184
Skeleton argument for the appellants
Filed 22 August 2026 · 14 pages
A. Introduction
These submissions are made on behalf of the first and second appellants, who are the grandchildren of the deceased and members of the discretionary class.
B. The trustee's position
The trustee's case is that a discretion which has not been exercised produces no decision, and that in the absence of a decision there is nothing the court can review. That proposition is stated at its highest in paragraph 14 of the respondent's skeleton.
We say the proposition proves too much. On the trustee's analysis, a trustee who deliberated annually for thirty years and distributed nothing would be beyond review throughout, provided only that it never wrote down a refusal.
C. The relevant authority
The court is invited to prefer the reasoning in Rowley v. Ash [2019] 1 WLR 44 at 61, where the distinction between the act of deliberating and the act of declining is drawn but not developed.
Sable CourtApp ShellClaude Opus 5#sable-court-matter
Matter Shell
A case-file shell where navigation is a plain ruled list of matters and the document is the whole right side, with no toolbar competing for attention.
Structure A 260px matter list with hairline rows and no icons, beside a document pane whose only chrome is a 40px header line and a bottom-right page counter.
Ashgrove & Court
We do trusts, estates and the arguments that follow them.
Fourteen practitioners in one building since 1974. We do not have offices elsewhere and we are not looking to open any.
Adaeze Kowalczyk-Reid
Silk, 2018 · Called 1996
Contentious trusts, professional negligence, offshore structures.
Tax on trusts, cross-border succession, family investment companies.
2009
Tobias Ashworth-Blake
Called 2016
Court of Protection, deputyship disputes, statutory wills.
2016
Sable CourtLandingClaude Opus 5#sable-court-chambers
Chambers Front
A practice homepage that says what it does in one sentence and then lists people, because that is the only thing a prospective client is actually reading.
Structure A single 64ch statement filling the upper half with nothing beside it, then a ruled list of practitioners where the photograph is a small square in the margin column.
Form 2 · Instructions to counsel
New instruction
Completed forms are read the same working day. Urgent matters should be telephoned to the clerks as well as submitted here.
Declaration
Sable CourtSettings & FormsClaude Opus 5#sable-court-instruct
Instruction Form
A form for instructing counsel where every field is a bottom-ruled line on the page rather than a box, so the whole thing reads as a document being completed.
Structure A 64ch form column with the field labels sitting in the 200px left margin beside their inputs rather than above them, and a declaration block ruled off at the foot.
Whether the act of deliberating upon a discretion is itself reviewable where no decision is recorded. Held: it may be, where the deliberation discloses a fettered mind.
Court of Appeal · Kowalczyk-Reid for the appellant
[2022] 2 Ch 118
Re Kilbride Settlement
Trustee declining to distribute over eleven years without recording a refusal. Held: no decision, therefore nothing to review. Doubted in Ashgrove.
Chancery Division · Idowu for the trustee
[2017] EWHC 2204
Fennimore v. Marsh Lane Charity
Charitable trustees and the duty to consider a class. Held: the duty is to consider, not to distribute, but consideration must be evidenced.
Chancery Division · Fennimore for the claimant
[2014] UKSC 41
Sandoval v. HMRC
Cross-border succession and the situs of a discretionary interest. Held: the interest is situate where the trustee is resident.
Supreme Court · Kowalczyk-Reid for the respondent
Sable CourtSearch & BrowseClaude Opus 5#sable-court-reported
Reported Cases
A case index searched by citation rather than by keyword, where results are one ruled line each and the holding is the only thing set at reading size.
Structure A search line and a plain ruled result list with no cards, where the citation sits in a fixed 200px margin column and the holding runs at 64ch beside it.
Salad and leaf
42 varieties · sowing from March under cover
Rocket, Wild
Diplotaxis tenuifolia
Peppery, slow to bolt, cuts four times from one sowing.
£2.40
2
Lettuce, Merveille
Lactuca sativa
Butterhead for spring and autumn. Poor in high summer.
£2.10
0
Mizuna, Green
Brassica rapa
Fast, hardy, tolerates a cold frame all winter.
£1.90
1
Chicory, Castelfranco
Cichorium intybus
Speckled heads after frost. Sow July, not before.
£3.20Back in August
Sorrel, Broad-leaved
Rumex acetosa
Perennial. One sowing lasts about six years.
£2.60
0
Claytonia
Claytonia perfoliata
Winter purslane. Germinates in the cold, self-seeds freely.
£2.00
0
Mustard, Red Frills
Brassica juncea
Hot when mature, mild as a baby leaf.
£1.80
0
Corn Salad
Valerianella locusta
Lamb's lettuce. The most reliable thing in a cold winter.
£1.95
3
Seed IndexCommerceClaude Opus 5#seed-index-catalogue
Catalogue Grid
The main catalogue with a density toggle that turns the same items from browsing cards into an order form without a second layout or a page load.
Structure A 4-up card grid at 1300px with a pill density toggle in the header; every card carries a stepper rather than an add button.
Order form
All 42 varieties, sorted by sowing month. Type to filter.
VarietyPrice
J
F
M
A
M
J
J
A
S
O
N
D
Qty
Rocket, WildDiplotaxis tenuifolia
£2.40
2
Lettuce, MerveilleLactuca sativa
£2.10
0
Mizuna, GreenBrassica rapa
£1.90
1
Chicory, CastelfrancoCichorium intybus
£3.20
August
Corn SaladValerianella locusta
£1.95
3
Seed IndexSearch & BrowseClaude Opus 5#seed-index-order
Order Form
The same catalogue at row density, which is what a grower actually wants in February when they already know the names and only need the quantities.
Structure A single-column list of 56px rows with a 40px square thumbnail, sowing months as a 12-cell strip, and the stepper right-aligned.
Seed, in small quantities, for people with small gardens
Packets are sized for a bed, not a field. Everything is open-pollinated, everything is tested for germination in the autumn before it is listed, and anything below 80% is not listed at all.
A catalogue front page that opens on the sowing calendar rather than a hero photograph, because the first question a customer has is what can go in now.
Structure A wide rounded hero card, then a 12-cell month band with the current month raised, over a three-up collection row.
Seed, arriving when you need it
Every plan is the same seed at the same price per packet. The difference is when it turns up and how much you have to think about it.
Once a year
One box in February with everything for the season.
£34/year
18 packets, chosen by you
Free postage
Sowing chart for your postcode
Most people
Four times a year
A box at the start of each season, so nothing sits in a drawer losing viability.
£38/year
18 packets, split across four boxes
Free postage
Sowing chart for your postcode
Swap any packet up to two weeks before dispatch
Monthly
A small envelope every month. For people who sow in succession and forget to.
£44/year
24 packets across twelve envelopes
Free postage
Sowing chart for your postcode
A reminder three days before each sowing window closes
Germination tested in October, result and date printed on the packet.
Cancel at any point; remaining boxes are refunded in full.
Packets sized for a domestic bed — roughly 200 seeds for leaf, 30 for fruiting.
Seed IndexPricingClaude Opus 5#seed-index-plans
Subscription Plans
Three plans presented as delivery rhythms rather than tiers, so the choice is about how often seed arrives rather than how much you are allowed.
Structure Three equal pill-cornered cards with the recommended one raised on a stronger shadow rather than a coloured border, over a plain comparison list.
Your garden
These settings decide what appears in the sowing band and when reminders are sent. Nothing here is used for marketing.
Seed IndexSettings & FormsClaude Opus 5#seed-index-account
Grower Account
Account settings organised around the garden rather than the customer — frost dates, bed sizes and what was sown last year drive everything else.
Structure A 1fr/320px split with the garden profile form on the left and a live sowing-window preview on the right that updates from the frost dates.
Sowing diary
2027 · 14 sowings · 3 beds
April
Rocket, WildBed 2, row 3 · direct · 1.2 m
Sown after rain. Soil still cold, expect slow start.
Bed 2
Lettuce, MerveilleBed 1, module tray of 24 · under cover
Germinated day 6. Pricked out into 9 cm on 3 May.
Bed 1
Corn SaladBed 3, broadcast · 0.8 m²
Patchy. Reseeded the bare half on 24 April.
Bed 3
March
Mizuna, GreenBed 3, row 1 · direct under fleece · 1.0 m
Fleece off on 12 April.
Bed 3
Broad bean, AquadulceBed 1, rows 1 and 2 · direct · 2.4 m
Overwintered sowing failed; this is the replacement.
Bed 1
Seed IndexProfile & SocialClaude Opus 5#seed-index-diary
Sowing Diary
A private growing record where the unit is a sowing, not a post, and the only social element is that you can publish a bed plan for other people to copy.
Structure A vertical timeline of sowing cards grouped by month, with a small bed diagram pinned to the right of each group rather than at the top of the page.
How much room have you got?
This decides packet sizes and whether we suggest successional sowing. You can change it later without losing anything.
Seed IndexAuth & OnboardingClaude Opus 5#seed-index-first
First Order
An onboarding flow that asks three questions and shows the answer changing the recommendation live, so it never feels like a form for the shop’s benefit.
Structure A centred 760px stack of three question blocks with the growing recommendation rebuilt beneath them as a pill-cornered result card.
Northern Receiver
14 stations · 1 peak
9,410
Tuned9,410 kHz
SignalS7−79 dBm
Noise floorS2−104 dBm
SNR25 dBgood copy
Drift+4 Hzover 10 min
Waterfall, last 60 s
Shortwave DeskDashboardClaude Opus 5#shortwave-desk-band
Band Monitor
The signature console: a full-width frequency scale with a gold cursor and magenta peak ticks above a live panel and a scrolling log that never moves the scale.
Structure A 72px band strip spanning the full width, then a 2fr/1fr split of a signal panel and a log, panels 18px apart with no shadows anywhere.
Now receiving
9,410 kHz · Antenna B
Recording
SignalS7
SNR25 dB
Drift+4 Hz
Elapsed00:41:22
Drift has stayed inside ±5 Hz for six hours, which is within spec for this receiver without the oven fitted.
Shortwave DeskApp ShellClaude Opus 5#shortwave-desk-console
Operator Console
A night-shift frame where every surface is available in both directions from the slate ground, so an inactive panel recedes without needing to be greyed out.
Structure A 210px station rail, a filled working pane and a darker well for the queue; borders appear only where two panels meet.
Solar flux148rising, 7-day mean 141
A index6quiet
K index2quiet, last 3 h
Peaks recorded11above +15 dB over floor
Readable hours by frequency · UTCYesterday
5,900
7,205
9,410
12,065
15,140
0006121824
Readable
Peak recorded
Below floor
Shortwave DeskData & ReportsClaude Opus 5#shortwave-desk-propagation
Propagation Report
A propagation report where the readable hours are a filled band across a 24-hour strip per frequency, so the answer is legible without reading a single number.
Structure A four-figure band over a matrix of frequency rows against 24 hourly cells, with magenta marking the hours that exceeded the peak threshold.
Schedule
New entry
14 entries active
Antenna occupancy · UTC
A
B
C
Antenna B is already committed at 09:30 by the 9,410 kHz entry. Either move this entry to 10:00 or put it on antenna C, which is free until 11:00.
Shortwave DeskSettings & FormsClaude Opus 5#shortwave-desk-schedule
Schedule Editor
A schedule editor that shows antenna conflicts as you build the row, rather than accepting the entry and failing at the moment the recording was due.
Structure A form panel over a 24-hour occupancy strip per antenna, with the conflicting hour rendered in the destructive colour under the row being edited.
Recordings
1,204 files · 41 GB
12,065 kHz11 Jun · 09:00 · Antenna B
30:00+18 dB
9,410 kHz11 Jun · 08:30 · Antenna B
60:00S7
7,205 kHz10 Jun · 19:00 · Antenna A
45:00+22 dB
15,140 kHz10 Jun · 11:00 · Antenna C
45:00unheard
Band sweep10 Jun · 12:00 · Antenna B
18:40sweep
Shortwave DeskSearch & BrowseClaude Opus 5#shortwave-desk-recordings
Recordings
A recordings archive where each row carries its own signal trace, so the useful ones are picked out by the shape of the signal rather than by the filename.
Structure A filter strip over filled panel rows, each 76px, holding a mono identifier, an inline 40px trace and duration, with peaks barred in magenta.
Shortwave
Operator sign-in
Signing in claims a receiver for the length of your watch. Nobody else can retune it while you hold it.
Watches run 06:00 to 14:00, 14:00 to 22:00 and 22:00 to 06:00 UTC. A claim outside a scheduled watch needs a supervisor.
Shortwave DeskAuth & OnboardingClaude Opus 5#shortwave-desk-access
Operator Access
A sign-in for shared hardware that shows who currently holds the receiver, because the failure mode here is two operators tuning the same radio.
Structure A centred 460px filled panel with the sign-in fields, and a status well beneath it listing which receivers are held and by whom.
Live · 09:14 UTC
9,410
Fourteen frequencies, watched continuously since 1998
Signal strength, drift and recordings for the northern shortwave network. The band strip above is the live one; it is not a screenshot.
Continuous
Nothing is sampled
Three receivers cover the whole 49, 41 and 31 metre bands without gaps. Every second of every scheduled window is recorded, not polled.
Peaks
Anomalies are kept
Anything more than 15 dB over the local noise floor is flagged, retained indefinitely and shown on the propagation matrix within a minute.
Open
The archive is public
Twenty-eight years of logs and eight years of audio. No key, no rate limit worth mentioning, and bulk archives by year.
How to get it
/v1/band/liveCurrent tuning, signal and drift for all three receivers
/v1/log?from=&to=Reception log entries, up to a year per request
/v1/peaksEverything above the flag threshold, newest first
/archive/2026.tar.zstA whole year of audio and logs, 61 GB
If you are pulling the whole archive nightly, use the bulk file. It is cheaper for both of us and it is the same data.
Shortwave DeskLandingClaude Opus 5#shortwave-desk-service
Service Front
A front page for a monitoring service that leads with the live band strip itself, because the product is the picture and no headline improves on it.
Structure A live band strip as the hero, a three-panel capability row on the slate ground, and a plain access list of endpoints in readout chips.
Streaks survive one miss a week. That is not a bug, it is the entire product.
02
Nobody is watching
No leaderboards, no friends list, no notification that says someone beat you.
03
Two taps a day
Open, tap, close. If it takes longer than that, we have failed.
Signal PopLandingClaude Opus 5#signal-pop-launch
Launch Page
A launch page where the headline is set at 88px and the artwork is a hard-outlined shape collage rotated a few degrees behind it.
Structure Off-centre hero: headline in a 22rem block anchored left, collage artwork tilted 3 degrees and overlapping it from the right, then a badge row that breaks the hero baseline.
Today4 of 5
Version 3.0
Your streak, on your phone.
Everything works offline. Nothing syncs unless you ask it to. There is no account until you want one.
6.4 MB · no trackers · no in-app purchases in the free tier
See it
Pick your habitsTap to logMiss a day, no dramaShare only if you want
Signal PopMarketingClaude Opus 5#signal-pop-app-promo
App Promo
A store-page style promo with a phone frame drawn in pure CSS, a screenshot carousel inside it, and store badges built rather than borrowed.
Structure Phone frame pinned left at 260px with the marketing copy filling the right; below, a horizontal scroller of screenshots that share the phone's outline weight.
Questions people actually ask.
If yours is not here, email us — a person replies, usually within a day.
Is it really free?
The free tier has every habit-tracking feature and no ads. Paid adds cross-device sync and export. If you only use one phone, you never need to pay us.
What happens if I miss a day?
Nothing. You get one free miss per week per habit, automatically. Miss twice and the streak resets — but the history stays, because the history is the useful part.
Do you sell my data?
No. There is nothing to sell — without sync, your data never leaves the device. With sync, it is encrypted with a key we do not hold.
Can I get my data out?
CSV and JSON, any time, free tier included. No email confirmation, no waiting period, no dark pattern on the way to the button.
Why no leaderboards?
Because we built them, tested them, and watched people quit. Competition is great for the top 5% and corrosive for everyone else.
Signal PopMarketingClaude Opus 5#signal-pop-faq
FAQ Accordion
Questions as chunky outlined rows using native details, where the open row fills with the accent instead of just revealing text.
Structure Single 44rem column of full-width accordion rows with 2px outlines that touch, so the stack reads as one block; the open row inverts to the accent fill.
Two plans. That is the whole page.
No enterprise tier, no per-seat maths, no call with sales.
Free
£0forever
Everything you need to track habits on one device.
Two plans only — free and paid — sized so the free one is not visually punished for existing.
Structure Two equal blocks side by side at the same elevation, with the paid one differing only in fill colour; a comparison table sits below in the same outline weight.
MO
RV
Rosa V.
Day 61. Missed Tuesday and the app just… let me carry on. I did not realise how much I needed that until it happened.
MILESTONE
100 days of reading
Tunde A. finished a hundred days. That is roughly eleven books.
JW
Jonas W.
Running club, week 12. Four of us started, four of us are still here.
SH
Sara H.
Unpopular opinion: the streak counter should be smaller.
Signal PopProfile & SocialClaude Opus 5#signal-pop-feed
Community Feed
A feed of outlined cards at three different widths, so the column never falls into the uniform rhythm that makes feeds feel infinite.
Structure Single 40rem column where post cards vary in width and horizontal offset by type — text posts narrow and left, image posts full width, milestone posts inset and filled.
TA
Tunde A.
Reading, running, no phone after nine. Since March 2024.
147day streak
3habits
92%this year
11free misses left
This year
LessMore
Badges
100Hundred days
3×Triple habit
↺Came back
365Locked
Signal PopProfile & SocialClaude Opus 5#signal-pop-profile
Player Profile
A profile built around one enormous number and a year of habit squares, with badges that are shapes rather than icons.
Structure Banner strip with an avatar that overhangs it by half, a giant streak numeral on the left and a 52-week contribution grid filling the right at full width.
Step 3 of 3
What are you working on?
Pick up to five. You can change these any time, and nothing is lost when you do.
Signal PopAuth & OnboardingClaude Opus 5#signal-pop-onboarding
Pick Your Habits
The first-run screen, where choosing habits is picking big tappable chips and the continue button counts what you picked.
Structure Full-bleed step, a 3-of-3 dot indicator, then a wrapping field of oversized selectable chips at 48px tall; the primary action is fixed to the bottom edge and states the count.
You do not need an account.
Everything works offline without one. Make one only if you want sync or backup.
Signal PopAuth & OnboardingClaude Opus 5#signal-pop-signup
Sign Up
A signup that leads with "you do not need an account" and offers the account as an option, with the form on a tilted card over sticker artwork.
Structure Split with sticker artwork bleeding off the left edge and a 3-degree-tilted form card overlapping it; the skip route sits above the form, not beneath it.
Thursday
Today
✓
Read20 minutes · 61 day streak
›
✓
MoveAny movement · 12 day streak
›
No phone after 9Ends 09:00 · 147 day streak
›
One left.
You have never missed a Thursday. Just saying.
Signal PopApp ShellClaude Opus 5#signal-pop-home-shell
App Home
A phone-shaped app shell with a real bottom tab bar and a today list of oversized tap targets.
Structure Narrow 420px column simulating a handset: header, a horizontally scrolling week strip, a today list of 64px rows, and a five-tab bar fixed to the bottom edge.
Your month
Habits
Read26/30
Move18/30
No phone29/30
Every day this month
all some none
Consistency
83%
Higher than 79% of your months. Your best is 91%, last October.
Signal PopDashboardClaude Opus 5#signal-pop-streak
Streak Dashboard
Progress shown as physical objects — filled jars, stacked blocks and a ring — instead of four identical stat cards.
Structure A deliberately mismatched grid: one tall jar column, one wide block chart, one square ring, sized so no two panels share a footprint.
Merch
Printed in Leeds, shipped flat, no plastic. We make about 200 of anything.
£24
Streak Tee
£12
Sticker Pack
£18
Dot Poster A2
£32
Arrow Hoodie
£8
Enamel Pin
£40
The Lot
Signal PopCommerceClaude Opus 5#signal-pop-shop
Merch Shop
A small merch grid where the price is a rotated sticker stuck on the corner of each product, not a line of text underneath.
Structure Three-across product grid on a tinted ground; each card carries a rotated circular price sticker overlapping its top-right corner and a size row that is buttons, not a select.
1 Where is it going?
2 How fast?
3 Pay
or card
Signal PopCommerceClaude Opus 5#signal-pop-checkout
Checkout
A one-page checkout where every step is visible at once and the pay button restates the total so it can never be a surprise.
Structure Two columns at 1fr/300px: three numbered sections stacked on the left with no accordion collapsing, and a sticky order block on the right whose button carries the amount.
Settings
Signed in as tunde@example.com · Paid plan, renews 4 March
Nudges
Privacy
Export everythingCSV and JSON, downloaded immediately, no email step.
Careful
Reset all streaksHistory is kept, counters go to zero. Cannot be undone.
Delete accountEverything, immediately, including backups. Export first.
Signal PopSettings & FormsClaude Opus 5#signal-pop-settings
Settings
Settings as chunky physical switches with the consequence written next to each one, and the dangerous section visibly walled off.
Structure Grouped rows inside outlined blocks, each row a switch and a plain-language consequence; the destructive block is separated by a full-width gap and outlined in the destructive token.
Briefing note · Energy
Why the interconnector will not fix the winter peak
R. Vandermeer-Osei · 4 September 2026 · 9 pages
The argument for the second interconnector rests on an assumption that has not been true in any of the last four winters.
The claim
Proponents argue that 1.4 GW of additional import capacity removes the need for the two remaining peaking plants, on the basis that the continental price is reliably below the domestic one at peak.
What the data says
In the four most recent winters, the hours in which the domestic system was tightest were also the hours in which the continental system was tightest. The correlation is not incidental — both are driven by the same anticyclonic conditions, which suppress wind across the whole basin at once.
On the eleven tightest evenings of the last four winters, the interconnectors were exporting on six of them.
On the eleven tightest evenings of the last four winters, the interconnectors were exporting on six.
The three assumptions
The case survives only if all three of the following hold: that the correlation weakens as continental storage grows; that the domestic peak flattens with heat-pump smart tariffs; and that the plant closures happen on the announced schedule rather than the historical one.
Each is defensible on its own. Requiring all three simultaneously is what makes the position fragile.
A long analytical memo where section numbers live in the margin, the underline under each heading extends on hover, and the pull quote is the only thing that breaks the column.
Structure A 220px margin column holding numbers and sources beside a 68ch measure, with a bronze rule under each heading that runs only as far as the measure.
Exhibit 4 · of 11
Interconnector flow on the eleven tightest evenings
A single chart treated as a numbered exhibit, with the source, method and caveats set as apparatus beneath it rather than hidden in a footnote.
Structure A full-measure chart with its caption in the left margin, followed by a data table at reduced type size and a method block that is ruled off from both.
Slate
We write eleven notes a year and stand behind all of them.
Independent energy and infrastructure analysis. Retained by nine organisations, none of whom see a note before it is published.
04 Sep 2026
Why the interconnector will not fix the winter peak
The case requires three assumptions to hold at once. Each is defensible alone.
Energy · 9 pages · R. Vandermeer-Osei
18 Aug 2026
What the water companies actually spent
Capital programmes against the determinations, company by company, for AMP7.
Water · 14 pages · A. Kowalczyk-Reid
02 Jul 2026
Grid connection queues after the reform
Six months of the new regime, and what has actually moved.
Energy · 11 pages · R. Vandermeer-Osei
14 May 2026
The rail enhancement pipeline, honestly counted
Committed, announced, and neither — a reconciliation of three official lists.
A research practice homepage where the recent work is the hero, listed as titles and dates, because the writing is the product.
Structure A short statement in the measure column with the margin left empty, then a ruled list of publications where the date sits in the margin and the title runs at 68ch.
2 · What the data says
In the four most recent winters, the hours in which the domestic system was tightest were also the hours in which the continental system was tightest.4
The correlation is not incidental. Both are driven by the same anticyclonic conditions, which suppress wind across the whole north-western European basin simultaneously and raise heating demand at the same time.
The consequence is that interconnector capacity is least useful precisely when it is most needed. On the eleven tightest evenings of the last four winters, Great Britain was exporting on six.5
This is not an argument against interconnection in general, which has clear value in ordinary conditions. It is an argument against counting interconnector capacity toward a security-of-supply standard that is defined by the tightest hours.
A reading shell whose only chrome is a contents list and a bronze progress rule, with the annotation panel appearing in the margin instead of over the text.
Structure A 240px contents rail, a centred 68ch reading column, and a 240px annotation margin, with a 2px bronze progress rule welded to the very top of the viewport.
Published notes
Sep 2026
Why the interconnector will not fix the winter peak9 pages
Jul 2026
Grid connection queues after the reform11 pages
Mar 2026
What the capacity market actually procured16 pages
Nov 2025
Curtailment payments, and who pays them13 pages
Jun 2025
The cost of the second Scottish link19 pages
Corrections
Apr 2026
Capacity market note, exhibit 7
De-rating factors for battery storage were applied at the 2024 values rather than 2025. Corrected two days after publication; the conclusion was unaffected but the figure moved by 0.4 GW.
Jan 2026
Curtailment note, paragraph 14
Attributed a constraint cost to the B6 boundary that belonged to B7. Corrected on the day; the total was right.
Sep 2025
Scottish link note, table 2
Transcription error in the 2023 column. Corrected after a reader wrote in, six weeks late, which is too slow.
An author page where the credential is a list of published notes and the corrections they attracted, printed as prominently as the work itself.
Structure A 220px identity margin beside a 68ch column that runs publications first and corrections second, with the corrections given the same type size rather than a footnote.
Notes
Every note we have published, including the ones that turned out to be wrong.
A publication archive filtered by sector and year using plain text links, where each result shows its first sentence rather than a summary written for search engines.
Structure A filter line of text links across the top, then a two-column result grid where the left column is dates and sectors and the right runs at 68ch with no cards.
Slade Row Recordings
Catalogue
Forty-one releases since 2016. Everything in print is pressed in Kilcarn; everything out of print stays on this page with the sleeve intact.
Undercoat
Iona Marek
SRR-041LP
Ground Loop
Teodor Vance
SRR-04012"
Forty-One Minutes
Teodor Vance
SRR-038Digital
Kilcarn Tapes, Vol. 2
Various
SRR-036Reissue
Room Tone
Nuala Rennick
SRR-034LP
Skirting
Iona Marek
SRR-031Out of print
Slade Row Sessions
Various
SRR-0292×LP
Filled Hole
Iona Marek
SRR-0277"
Sleeve NotesCommerceClaude Opus 5#sleeve-notes-catalogue
Catalogue
The label’s releases in a four-up square grid where every cell is exactly the same height, with catalogue numbers in mono and formats as accent-text badges.
Structure A 4-up grid of 1:1 sleeves at 18px gutters; no cell is ever taller than another because nothing in the cell can wrap beyond two lines.
Iona Marek
Undercoat
Nine pieces made from recordings of paint being scraped off institutional walls, then played back through the rooms they were taken from.
Side A
1Ground4:12
2Filled Hole6:38
3Skirting (Kilcarn)3:51
4Undercoat I5:04
Side B
5Undercoat VI7:20
6Screw Hole2:44
7Gallery Two, Empty6:11
8Repainted5:22
Notes
Recorded over four nights in Gallery 2 of Kunsthalle Kilcarn while the room was being stripped, using contact microphones on the wall itself and a single omni at the far end.
Nothing here is synthesised. The low tone that runs through Undercoat VI is the building's ventilation, which could not be switched off and eventually became the piece.
Mastered by P. Nkemdirim · Cut at Slade Row · Sleeve by Nuala Rennick
Sleeve NotesEditorialClaude Opus 5#sleeve-notes-release
Release
A release page where the sleeve sticks at 480px on the left and the track list on the right has the only hard right edge in the system, made of durations.
Structure A sticky 480px 1:1 sleeve and a 62ch notes column; track lines are title flush left, duration flush right, with nothing between them but space.
11 releases · 3 artists · 2 out of print
Undercoat
Iona Marek
SRR-041
Skirting
Iona Marek
SRR-031
Filled Hole
Iona Marek
SRR-027
Ground (I—IX)
Iona Marek
SRR-024
Emulsion
Iona Marek
SRR-019
Two Coats
Marek / Vance
SRR-015
Sleeve NotesSearch & BrowseClaude Opus 5#sleeve-notes-shelf
Shelf
Catalogue search across a square-only grid, with the filter rail using accent text for what is currently selected and a now-playing bar pinned at the foot.
Structure A 220px filter rail, a 4-up square grid, and a 72px now-playing bar carrying a 2-degree-rotated sleeve and a 2px progress rule.
Artist
Iona Marek
Works with the material history of interior surfaces — the accumulated emulsion of a repainted room, the ridge where one decade's paint meets the next — recorded with contact microphones and played back into the rooms that produced it.
Six releases on Slade Row since 2019 · based in Kilcarn
Discography
Undercoat LP41:22
Skirting 7"9:04
Filled Hole 7"7:38
Ground (I—IX) 2×LP78:11
Emulsion 12"22:40
Two Coats with Teodor Vance33:19
Sessions and live
Kunsthalle Kilcarn, March 2026
Slade Row session, January 2026
Test pressings, Undercoat
Sleeve artwork, Nuala Rennick
Sleeve NotesProfile & SocialClaude Opus 5#sleeve-notes-artist
Artist
An artist page built entirely of squares — portrait, discography, sessions — where the only right-aligned figures are total running times.
Structure A 1:1 portrait beside a biography, then a discography list whose right edge is durations, then a square session grid.
Out now
Undercoat
Iona Marek · SRR-041 · LP, 180g
Nine pieces made from recordings of paint being scraped off institutional walls, then played back through the rooms they were taken from. Pressed in Kilcarn, four hundred copies.
Sleeve NotesLandingClaude Opus 5#sleeve-notes-front
Front
A label front page with no wide hero at all: the newest release is a square, the page is squares, and the newest thing is marked in magenta.
Structure A single large 1:1 sleeve beside its notes, then a square grid of the rest, with no full-width image anywhere on the page.
Press · SRR-041
Undercoat
Iona Marek · LP, 180g · released 14 March 2026 · embargo lifted
Sleeve front 3000 × 3000 · 8.2 MB · TIFF
Sleeve back 3000 × 3000 · 7.9 MB · TIFF
Artist, studio 4000 × 4000 · 11.4 MB · JPEG
Live, Kunsthalle 4000 × 4000 · 9.1 MB · JPEG
Approved copy
Nine pieces made from recordings of paint being scraped off institutional walls, then played back through the rooms they were taken from.
23 words
Marek recorded over four nights in Gallery 2 of Kunsthalle Kilcarn while the room was being stripped, using contact microphones on the wall itself and a single omni at the far end. Nothing on the record is synthesised.
37 words
Slade Row Recordings has released forty-one records since 2016. Everything in print is pressed in Kilcarn.
16 words
Sleeve NotesMarketingClaude Opus 5#sleeve-notes-press
Press Kit
A press page that hands over squares: sleeve at three resolutions, artist images, and a quotable paragraph with its own word count in mono at the right.
Structure A square asset grid with mono file specifications, then quote blocks whose right edge carries word counts — the system’s only other right-aligned figures.
Slade Row
Everything, posted
Six or seven records a year, sent the week they are cut. Nothing is a surprise — the next release is always announced before it ships, and you can skip it.
Digital
Every release, lossless, on the day
The full back catalogue
Sleeve scans at 3000px
Per year£48
Vinyl
Every LP and 12", posted
Everything in Digital
Skip any release, no notice needed
Twenty per cent in the shop
Per year£185
Everything
Every format including reissues
Everything in Vinyl
Test pressings where they exist
Your name on the sleeve, small
Per year£420
Sleeve NotesPricingClaude Opus 5#sleeve-notes-subs
Subscriptions
Three subscriptions presented as squares rather than cards, each with a sleeve-sized panel and its yearly cost as a right-aligned mono figure.
Structure Three 1:1 panels in a row with the plan detail inside the square itself, and prices right-aligned in mono beneath as if they were durations.
EventKilcarn 10K
Elapsed00:34:12
Finished412
On course1,088
1
Marisol DuarteKilcarn Harriers · F 25–29
—31:04
2
Femi AdeyemiBeckton AC · M 30–34
+131:22
3
Hana OstrowskiUnattached · F 20–24
−131:40
4
Tomás FeldMill Bridge Runners · M 35–39
—32:11
5
Ivy EkwuemeKilcarn Harriers · F 30–34
+332:44
6
Anwen PrysBeckton AC · F 25–29
−233:02
Sprint BoardDashboardClaude Opus 5#sprint-board-leaderboard
Live Leaderboard
The signature board: 76px rank rows with a 96px numeral column, sized so the standings are legible from the far side of a room rather than at reading distance.
Structure A four-figure header band over full-width 76px rank rows; the leader’s row is filled chartreuse rather than merely outlined.
Finish31:04
Average pace3:06
Fastest km2:58
Slowest km3:19
Kilometre splits
3:041
3:022
3:073
3:194
3:095
3:016
2:597
2:588
3:009
3:0110
The race was decided in kilometre 4, uphill, where the leader lost 17 seconds and everyone behind lost more.
Against the field
Km
Split
Position
Gap to leader
Field median
Difference
1
3:04
4
+0:06
3:22
−0:18
2
3:02
3
+0:04
3:26
−0:24
3
3:07
3
+0:05
3:31
−0:24
4
3:19
2
+0:01
3:48
−0:29
5
3:09
1
—
3:35
−0:26
6
3:01
1
—
3:29
−0:28
Sprint BoardData & ReportsClaude Opus 5#sprint-board-splits
Split Analysis
A split report where each kilometre is a filled block whose height is the pace, so a person can see where a race was won without reading a single time.
Structure A 96px summary numeral row above a ten-block split chart, with a fully ruled comparison table beneath and no shadows anywhere.
Sold out in five of the last six years. The limit is set by the width of the finish funnel.
31:04Course record
Set in 2024 in conditions nobody expects to see again on this course.
+38 mTotal climb
All of it between four and five kilometres. The rest is genuinely flat.
The finishing straight, looking back toward five kilometres.
Start waves
08:00
Wave A
Sub 35:00 predicted
240 places
Full
08:12
Wave B
35:00 to 42:00
380 places
Full
08:24
Wave C
42:00 to 50:00
440 places
61 left
08:36
Wave D
50:00 and over, and all walkers
440 places
204 left
Wave times are start times, not assembly times. Assembly closes eight minutes before each wave and is enforced.
Sprint BoardLandingClaude Opus 5#sprint-board-event
Event Front
An event page that leads with the countdown as a 96px numeral because that is the only fact anyone visiting on race week actually wants.
Structure A chartreuse-filled countdown band across the full width, then a three-across facts row and a plain entry table with no card containers.
Kilcarn Harriers · F 25–29 · since 2019
Marisol Duarte
A-104
5K15:02Beckton, 2026
10K31:04Kilcarn, 2026
Half1:09:44Mill Bridge, 2025
Marathon2:31:18Riverside, 2025
This season
Date
Race
Distance
Time
Pos
Note
14.06
Kilcarn 10K
10 km
31:04
1
PB · course record
02.05
Beckton Park 5K
5 km
15:02
1
PB
19.04
Mill Bridge Relays
4 × 3 km
9:11
2
Leg 3
08.03
County Cross Country
8 km
29:40
4
Heavy underfoot
18.01
Riverside Half
21.1 km
1:10:22
1
Windy
Sprint BoardProfile & SocialClaude Opus 5#sprint-board-athlete
Athlete Record
An athlete page whose identity is four personal bests at 96px, with everything else — clubs, history, notes — deliberately set as small print beneath them.
Structure A four-across personal-best band at full numeral size, then a two-column split of a season results table and a violet-barred coach note.
Kilcarn 10K · 2027 season1,500
runners, and about eleven thousand people standing on the pavement watching them. The whole thing happens on 2.1 kilometres of closed road in the middle of a town of forty thousand.
11,200Spectators, 2026 count
64%From within 10 km
3.4 hMedian time on site
92%Returned the following year
Packages
Package
Cost
What it physically is
Available
Kilometre marker
£400
One of ten roadside boards, 1.2 m tall, in place for the whole morning
6 of 10
Finish gantry
£4,200
The structure every finish photograph is taken under. One only.
1 of 1
Number bib
£2,600
Printed on 1,500 bibs and in every result photograph for a decade
1 of 1
Water station
£900
Branded station at 5 km, staffed by your people if you want
2 of 3
There is no tiering and no logo wall. Each of these is a physical object in a specific place, and that is the entire offer.
Sprint BoardMarketingClaude Opus 5#sprint-board-sponsor
Sponsor Pitch
A sponsorship page that argues entirely in numerals, on the reasonable theory that a sponsor’s question is a number and everything else is decoration.
Structure A chartreuse hero with a single enormous reach figure, a four-across audience band, and a package table with the recommended row filled rather than badged.
Finish
Last read 3 seconds ago
412
Anwen PrysA-311 · Beckton AC
38:14
411
Douglas FerrierA-208 · Unattached
38:12
410
Priya RaghunathanA-144 · Mill Bridge Runners
38:09
409
Bertie NwachukwuA-402 · Kilcarn Harriers
38:07
Sprint BoardApp ShellClaude Opus 5#sprint-board-timing
Timing Console
A timing operator’s frame where mat status is a filled block per mat, so a failed mat is visible before anyone notices missing splits downstream.
Structure A 200px mat rail, a filled live-finishers pane at numeral scale, and a discrepancy well; flat surfaces separated by the ground showing through.
Find a result
Kilcarn 10K 2026 · 1,500 finishers1 exact match
Marisol DuarteA-104 · Kilcarn Harriers · F 25–29
31:04
Overall
1 of 1,500
Gender
1 of 612
Category
1 of 88
Average pace
3:06
Around this time
1
Marisol DuarteKilcarn Harriers
31:04
2
Femi AdeyemiBeckton AC
31:22
3
Hana OstrowskiUnattached
31:40
4
Tomás FeldMill Bridge Runners
32:11
Times are chip times. Gun times are in the downloadable results file, along with every split that was successfully read.
Sprint BoardSearch & BrowseClaude Opus 5#sprint-board-results
Results Search
A results search where the found runner’s time is rendered at board scale, because someone searching their own name wants to see it large.
Structure A single search field over a highlighted result at 96px numeral scale, followed by 76px rows for everyone finishing near them.
Vellum
We make fewer things, and we make them for longer.
Studio VellumLandingClaude Opus 5#studio-vellum-statement
Statement
A landing page that is one sentence, one image and one link, sized so that the sentence is unavoidably the largest thing you have ever read on a homepage.
Structure Nine-column grid where the headline spans columns 1–7 at 76px and the single image occupies columns 8–9 running full-bleed to the bottom edge; everything else is margin.
Index
Twenty-two projects
22
Kilcarn Studio
Identity, packaging2026
21
Marsh Lane Weavers
Identity, site2026
20
The Offcut
Editorial, art direction2025
19
Northfield Joinery
Identity2025
18
Fen Glass
Packaging, retail2024
17
Hollow Press
Identity, editorial2024
Studio VellumEditorialClaude Opus 5#studio-vellum-index
Work Index
A list of projects with no thumbnails at all — just the name, the year and the client, set large enough that the list itself is the composition.
Structure A single ruled list where each row is 84px tall and the project name is set at 32px; a preview image appears in the fixed right margin only on hover, never on load.
Identity, packaging · 2026
Kilcarn Studio
Client
Kilcarn Studio, Co. Meath
Scope
Identity, packaging, print
Team
Vellum, two people, nine weeks
Kilcarn fires once a month and no two glazes match. The identity had to survive being printed on a label that would sit next to a hundred different colours.
We stopped trying to choose a brand colour. The mark is ink on unbleached stock and nothing else, which means the object next to it is always the brightest thing in the frame.
The only variable element is the firing number, set in the same didone as the wordmark, at a size that reads across a shop.
Studio VellumEditorialClaude Opus 5#studio-vellum-case-study
Case Study
A project page where the images are enormous and unlabelled and all the explanation lives in one narrow column that never sits beside them.
Structure Alternating full-bleed plates at 420px separated by a 30rem text column that is always centred, so image and word never compete for the same horizontal band.
Vellum · How we work
Six things we will not negotiate.
I
Two projects at a time.
Not three. The third one is always the one that gets the version of us that is thinking about the other two.
II
One round of exploration.
We show one direction and the reasoning behind it. Three directions is a way of asking the client to do our job.
III
We name the price first.
Before scope, before brief. If the number does not work there is no point in either of us learning anything else.
IV
No pitching without a fee.
Speculative work is a transfer of risk from the people who can carry it to the people who cannot.
V
The files are yours.
Working files, fonts licensed in your name, everything, at the end of every project. No hostage.
VI
We say when it is finished.
And so do you. Either of us may stop; nobody has to pretend a project is still alive.
Studio VellumEditorialClaude Opus 5#studio-vellum-manifesto
Manifesto
Six numbered convictions, each given its own screenful of space, so the reader cannot skim more than one at a time.
Structure Each conviction is a full-width band 200px tall with the numeral hanging in a 120px left gutter; bands are separated by hairlines and nothing else appears on the page.
Piece No. 4 · one of nine
Atelier · Autumn
Slab, Ivory
Cut from a single block quarried in 2019 and left outside for four winters before it was worked. The vein was not chosen; it is where the block opened.
Each of the nine is a different depth of the same stone, so no two are the same weight.
Edition
Nine, numbered
Dimensions
420 × 280 × 40mm
Weight
11.2kg – 12.9kg
Lead time
Ships within 10 days
£2,400
Reserving holds the piece for 72 hours without payment. We will call you.
Studio VellumCommerceClaude Opus 5#studio-vellum-atelier
Atelier Piece
A luxury product page with no add-to-bag button in the first screen — the object is presented before it is priced.
Structure A 60/40 split where the image column is full-height and the right column holds only a name and a paragraph; price, size and purchase live below the fold in a ruled block.
Studio VellumCommerceClaude Opus 5#studio-vellum-lookbook
Season Lookbook
A season presented as six plates on an irregular grid, where the caption is a single line set in the margin beside the image, not underneath it.
Structure A twelve-column grid with each plate given a deliberately unequal span and vertical offset, so the page reads as a hand-arranged spread rather than a gallery.
What we do
Three ways to work with us.
Every engagement is fixed-fee. We quote before we scope, and the number does not move once you have accepted it.
01
Identity
Wordmark, type system, colour, and the rules that hold it together. Delivered as working files, a 30-page system document and licensed fonts in your name.
Nine weeks · two people
£24,000fixed02
Editorial
Art direction and layout for a publication, printed or otherwise. Includes a template you can set yourself and one issue set with you.
Six weeks · one person
£14,000fixed03
A day
One day, in person or otherwise, on whatever is stuck. No deliverable, no follow-up unless you ask for one. Most often used before a project starts.
One day
£1,800per day
Studio VellumMarketingClaude Opus 5#studio-vellum-services
Services
Three services described as durations and deliverables, with the price band stated plainly instead of hidden behind a conversation.
Structure Three stacked full-width rows rather than side-by-side cards, each row a 120px label column, a 30rem description and a right-aligned price band, separated by heavy rules.
A studio that has worked out the difference between restraint and emptiness, and is willing to be boring about the distinction.
Disegno · March 2026
The Kilcarn identity does the rarest thing in packaging: it gets quieter as the shelf gets louder.
Eye Magazine · Issue 112
Their published fee schedule is the most radical thing on their website, and it is not close.
It's Nice That · January 2026
Nine weeks, two people, one direction. It should not work as often as it does.
Creative Review · 2025 Annual
Studio VellumMarketingClaude Opus 5#studio-vellum-press
Press
A press page that quotes at pull-quote scale and puts the publication name below in small caps, so the words are the page and the logos are not.
Structure Alternating left- and right-aligned quotes at 30px in a 40rem measure, each separated by 60px of empty space and a short rule rather than a card.
Rosa CastellanosType, editorial, most of the writingJonas WoldIdentity, packaging, all of the arguing
We met at a print shop in 2016 and started Vellum three years later because we could not find anyone who would let us take nine weeks over an identity.
The studio is two people and it is going to stay two people. Everything on this site was made by one of us with the other one complaining about it.
Shown at
Design MuseumBeazley Designs of the Year, 2025
Type Directors ClubCertificate of Typographic Excellence, 2024
Leeds Print FairEvery year since 2019, including the one nobody came to
Studio VellumProfile & SocialClaude Opus 5#studio-vellum-studio
Studio Page
A two-person studio page that names both people at the same size and gives neither a job title above the other.
Structure Two equal portrait columns with a shared paragraph beneath spanning both, then a plain list of where the work has been shown — no logos, no counts, no awards grid.
Commission
How much of us do you need?
The same two people work on all three. What changes is how long, and how much of the thinking you do yourself.
A day£1,800
One day on a specific problem. You leave with a direction and no files.
Half a day of preparation
One day together
Notes within a week
A project£24,000
Nine weeks, one direction, everything delivered in working form.
Identity or editorial system
System document
Fonts licensed to you
One revision round
A year£96,000
Two days a week for twelve months. For studios building something that keeps moving.
Everything in a project
Ongoing art direction
Right of first refusal on our calendar
Studio VellumPricingClaude Opus 5#studio-vellum-commission
Commission Tiers
Commission levels laid out as a horizontal scale rather than three cards, so the choice reads as a position on a line instead of a menu.
Structure A single horizontal axis with three marks along it; each mark drops a column of detail below the line, and the currently selected one extends its rule to full weight.
Enquiries
Tell us the number first.
We would rather find out in the first minute than the third meeting. Nothing here is binding.
Studio VellumSettings & FormsClaude Opus 5#studio-vellum-enquiry
Enquiry Form
A contact form that asks for a budget range before it asks for a message, because that is the question that decides whether either of you should keep typing.
Structure Fields with no boxes — each input is a bottom rule only, set at 20px so it reads as writing on a page; the budget question is a row of ruled options above the message.
18 results2019 – 2026
Slab, IvoryAtelier · 2026Fold Study 04Editorial · 2025Nine WintersLookbook · 2026Cast on PlinthExhibition · 2024
Studio VellumSearch & BrowseClaude Opus 5#studio-vellum-archive
Sparse Archive
An archive that shows four results at a time on purpose, at a size where you actually look at each one rather than scanning past it.
Structure Search field set at 26px with no border, then a 2x2 grid of very large plates with the caption in the plate's own left margin; pagination is two words, not numbers.
Dinner · Thursday 12 March
Supper Club
Service from 18.00 until 22.30. Lunch finished at 15.00 and this page changed by itself.
To Begin
Cured trout, buttermilk, dill oil9
Three days in salt and sugar, sliced thin, with a buttermilk that has been hanging since yesterday.
Bread and cultured butter5
Baked here at four, so it is warm until about eight and honest about it after that.
Chicory, walnut, blue cheese11
Bitter, sweet and salt. The chicory is forced and it will be gone in a fortnight.
To Follow
Hogget, turnip, anchovy26
Shoulder, cooked overnight. The anchovy is in the sauce and you will not taste fish.
With a glass of the Corbières — 8
Whole plaice, brown butter, capers24
On the bone. It takes twenty-five minutes and it is worth the wait.
Barley, wild garlic, ewe's curd19
The garlic came from the lane behind the pub. It will not last past April.
To Finish
Burnt honey custard8
Rhubarb, sheep's yoghurt, oat crumb9
Cheese, three, with quince12
Supper ClubCommerceClaude Opus 5#supper-club-menu
Tonight
The menu for the service that is currently running, with prices following each dish after a dotted leader and the service stated as a fact rather than a control.
Structure A single 58ch column, left-aligned within itself, with uppercase centred course headings at 64px of clearance and dotted leaders to every price.
Kilcarn · thirty covers
Supper Club
A dining room that serves one thing at a time. There is a lunch and there is a dinner, and whichever is running is the one on this page.
Now serving
Dinner · 18.00 — 22.30
Next
Lunch · Friday 12.00 — 15.00
Closed
Sunday and Monday
Book a table
Tables of five or more are asked to take the set menu. We hold four seats at the counter for walk-ins every night and do not take names for them.
Supper ClubLandingClaude Opus 5#supper-club-room
The Room
A restaurant front page whose only photograph is full-bleed and whose only control is a booking form, with the current service named in mono at the top.
Structure A full-bleed dusk photograph, an offset display title beneath it, then the service statement and a single three-field booking line.
Four nights only · 23—26 April
Marguerite Sohn
Four nights of a menu she has been cooking in a much smaller room in Marseille. One sitting a night, thirty covers, no à la carte and no substitutions except for allergies.
The Menu
Anchovy, butter, radish
Bouillabaisse, the proper one, served in two parts
Broth first, then the fish. This is how it is eaten there and we are not going to change it here.
Lamb, aubergine, black olive
Almond tart, crème fraîche
One seat, all four courses78
Paid in full at booking, non-refundable, transferable to anyone you like up to the day before.
Supper ClubMarketingClaude Opus 5#supper-club-residency
Residency
A guest-chef announcement that is a menu first and a campaign second: the whole offer is set as courses with leaders, and the ticket price is one more dish line.
Structure A full-bleed pass photograph, a residency title, then the set menu in the standard course layout with the ticket itself set as a final leadered line.
Guest since October 2023
Devlin, M.
14 visits · usually two · prefers the counter · no allergies recorded
House note
Comes in early, often alone on a Tuesday. Does not drink red. Once sent back the plaice, correctly — it was underdone and we said so.
Last Visit · 28 February
Bread and cultured butter5
Chicory, walnut, blue cheese11
Whole plaice, brown butter, capers24
Two glasses, the Alsace riesling18
Earlier
14 Feb Two, 20.15, table 6. Hogget and the custard.
31 Jan One, 18.30, counter. Barley, cheese, no dessert.
09 Jan Four, 19.45, table 2. Set menu, one vegetarian.
19 Dec Two, 21.00, counter. Late, stayed for the last pour.
Supper ClubProfile & SocialClaude Opus 5#supper-club-guest
Guest Book
A returning guest’s record kept as a maître d’ would keep it: previous visits, what they ate set as leadered lines, and notes written as sentences.
Structure A centred name at display size, a mono visit history, then each past service rendered in the same course typography as the live menu.
House settings
Services
The site shows exactly one menu at a time. These hours decide which. There is no manual override, on purpose — a room that is serving lunch should not be able to show the dinner menu by accident.
Boundaries
Lunch begins
Lunch ends, dinner menu appears
Dinner begins
Kitchen closes
Overnight, show
Closed
MonTueWedThuFriSatSun
On a closed day the page shows the next service that will run, and the booking form defaults to it.
Supper ClubSettings & FormsClaude Opus 5#supper-club-service
Service Settings
Where the boundary hours are set — the one place in the system that admits the page changes by itself, and the only screen with a control for it.
Structure A centred narrow column of ruled setting rows with mono time fields, and a preview line showing which menu is live at the moment.
March · a note from the kitchen
Six Miles
Everything green on the current menu came from within six miles of this room, which sounds like a boast and is mostly an accident of who happens to farm here.
We did not set out with a radius. We set out with a list of people we liked dealing with, and it turned out most of them were close, because the ones who are far away are mostly the ones who are big.
The wild garlic is the honest exception. It comes from the lane behind the pub and it is picked by whichever of us is least busy at four o'clock, which is a supply chain in the same way that a puddle is a reservoir.
This Month
Hogget and lambBallyfin, 4 mi
Plaice, brill, whatever the boat hasKilcarn pier, 1 mi
Chicory, turnip, forced rhubarbNendrum, 6 mi
Ewe's curd and the three cheesesAughrim, 5 mi
Wild garlicThe lane, 40 yards
In August this list will be shorter and the menu will be worse for a fortnight. We will not fill the gap with something flown in; we will just cook less.
The kitchen
Supper ClubEditorialClaude Opus 5#supper-club-provenance
Provenance
A long piece about where the food comes from, with supplier names set as leadered lines inside the prose so the article and the menu share one typography.
Structure A 58ch reading column with one full-bleed photograph, and supplier lists rendered in the same dotted-leader pattern the menu uses for prices.
For groups of five or more
Set Menus
Three menus, chosen for the whole table in advance. Every one of them is what we are actually cooking that week, not a reduced version of it.
The Short One
Bread, cultured butter, radish
Chicory, walnut, blue cheese
Hogget, turnip, anchovy
Burnt honey custard
Per head42
The Long One
Bread, cultured butter, radish
Cured trout, buttermilk, dill oil
Barley, wild garlic, ewe's curd
Whole plaice, brown butter, capers
Cheese, three, with quince
Rhubarb, sheep's yoghurt, oat crumb
Per head68
The Whole Room
Thirty covers, the room to yourselves
One sitting, the long menu, and the kitchen will cook to your table rather than to a service.
Wine chosen with you, four weeks ahead
Per head, minimum twenty-four95
Supper ClubPricingClaude Opus 5#supper-club-set
Set Menus
Three set menus priced per head, each rendered as an actual menu with leadered lines rather than as a feature list in a card.
Structure Three stacked menus separated by 64px and hairlines, each with its own course headings; the price per head is the final leadered line of each.
STATUSALL SYSTEMS NOMINALUPDATED 14:02:11 UTC
api.edge99.98
0 incidents · 30d
api.core99.91
1 incident · 30d
queue.ingest97.40
3 incidents · 30d
store.blob100.0
0 incidents · 30d
auth.idp99.99
0 incidents · 30d
cdn.static99.96
0 incidents · 30d
RECENT
14:02RESOLVEDqueue.ingest — consumer lag returned below threshold after partition rebalance
11:47DEGRADEDqueue.ingest — consumer lag 4.2M messages, p99 ingest latency 38s
09:15NOTICEauth.idp — scheduled key rotation, no impact expected
02:00INFOstore.blob — nightly compaction completed in 41m
Terminal LedgerDashboardClaude Opus 5#terminal-ledger-status-board
Status Board
A service board where each cell is a 90-day uptime bar drawn one glyph per day, so a bad week is a shape rather than a percentage.
Structure Three-across grid of outlined service cells; each cell is a fixed 90-column strip of day marks with the incident days inverted, and the SLO figure hangs right of the name.
#4,118maina3f9c21fix(queue): rebalance on partition changeFAILED · 6m 12s
CHECKOUT4s
INSTALL1m 02s
LINT18s
UNIT2m 41s
INTEGRATION2m 07s
BUILDskipped
DEPLOYskipped
INTEGRATION — 3 JOBS, 1 FAILED
PASSpostgres-1548s
PASSpostgres-1651s
FAILpostgres-172m 07s
✓ ingest/partition rebalance on add (412ms)
✓ ingest/partition rebalance on remove (388ms)
✗ ingest/consumer resumes from checkpoint
AssertionError: expected offset 41902, received 41618
at consumer.test.ts:114:7
at async runNext (runner.ts:88:5)
2 passing, 1 failing
exit status 1
Terminal LedgerDashboardClaude Opus 5#terminal-ledger-pipeline
Pipeline Run
A CI run drawn as a left-to-right chain of stages with the failing job expanded inline, because that is the only job anybody opened this page for.
Structure Horizontal stage chain across the full width joined by rules, then the failing stage expands beneath it into a job list and a tail of its own output.
14:02:11.402ERRORqueue.ingestconsumer group rebalance timed out after 45000ms; member 7f2a did not respond
14:02:09.118WARNqueue.ingestlag 4,201,882 messages on partition 11, threshold is 500000
Terminal LedgerData & ReportsClaude Opus 5#terminal-ledger-log-stream
Log Stream
A live tail where the level filter is a row of toggles that shows its own count, and the timestamp column never moves.
Structure Fixed filter bar, then a virtual-feeling log body of fixed-width columns — time, level, source, message — with wrapping confined to the message column only.
METRICS · queue.ingest
CONSUMER LAG4.2M
INGEST P9938.4s
THROUGHPUT18.2K/s
ERROR RATE0.02%
08:0009:0010:0011:0012:0013:0014:00
Terminal LedgerData & ReportsClaude Opus 5#terminal-ledger-metrics
Metric Panels
Four time series drawn as filled area charts with the y-axis labelled in the corner rather than along the edge, saving the width for data.
Structure A 2x2 of outlined panels, each with a run of vertical bars and an inline threshold rule; the shared time axis is printed once beneath the whole block.
SEV-2
INC-0418 · QUEUE.INGEST CONSUMER STALL
DURATION
2h 33m
DETECTED
Alert, 27m after onset
IMPACT
4.2M messages delayed, 0 lost
OWNER
platform-ingest
09:14
ONSET
Partition 11 added by autoscaler. Consumer group begins rebalance.
27m undetected
09:41
DETECTED
Lag alert fires at 500K threshold. Page delivered to on-call.
Member 7f2a identified as unresponsive; rebalance never completed.
11:47
MITIGATED
Member evicted. Rebalance completes in 9s. Lag drains over 14m.
12:01
RESOLVED
Lag below threshold. Monitoring for 45m before closing.
ACTIONS
P1Alert on rebalance duration, not only on lag — the lag alert fired 27m late by construction.platform-ingest
P1Evict unresponsive group members automatically after 2 failed heartbeats.platform-ingest
P2Runbook: rule out rebalance before investigating producer volume.sre
P3Dashboard: put group membership on the ingest panel.sre
Terminal LedgerData & ReportsClaude Opus 5#terminal-ledger-incident
Incident Record
A postmortem laid out as a timeline with the detection gap and the mitigation gap measured on the page, not left for the reader to compute.
Structure A summary key-value block, then a timeline where the gap between rows is annotated with its own duration, so the two expensive silences are visible as labelled space.
ledger@prod-eu-west-1romfa 07:12
$ ledger topic describe queue.ingest
NAME PARTITIONS REPLICAS RETENTION LAG
queue.ingest 12 3 168h 4,201,882
$ ledger group members ingest-workers
ID HOST STATE LAST HEARTBEAT
1a04 ip-10-2-14-88 STABLE 0.4s ago
3c81 ip-10-2-19-12 STABLE 0.6s ago
7f2a ip-10-2-21-40 UNRESPONSIVE 142.8s ago
b0d3 ip-10-2-11-05 STABLE 0.3s ago
$ ledger group evict ingest-workers 7f2a --dry-run
DRY RUN would evict member 7f2a and trigger rebalance across 4 members
estimated rebalance duration 8–12s
no data loss expected; 3 partitions would move
--dry-run--force--timeout=--waittab to cycle · enter to accept
$
Terminal LedgerApp ShellClaude Opus 5#terminal-ledger-console
Command Console
A web console with real command history, where the last output stays pinned above the prompt and completions appear inline rather than in a popup.
Structure Full-height single column: scrollback fills the space, a completion strip sits directly above the prompt line, and the prompt is always the last row.
Terminal LedgerApp ShellClaude Opus 5#terminal-ledger-diff
Tree and Diff
A file tree beside a unified diff, with the change counts carried on the tree so you can see where the work is before opening anything.
Structure A 260px tree with per-file +/− counts and a diff pane using a two-gutter layout — old line number, new line number — then the content, all in one grid.
ledger registry31 packages
SORT
@ledger/rebalance4.2.0Apache-2.02.1M/wk
Partition rebalance primitives with heartbeat eviction and deterministic assignment.
published 4d agonpm i @ledger/rebalance
rebalance-kit1.9.4MIT418K/wk
Community rebalance helpers. Unmaintained since 2024.
ADVISORY GHSA-4x2q · prototype pollution in mergeAssignment() · no patched version
published 1y agonpm i rebalance-kit
@ledger/consumer7.0.1Apache-2.03.4M/wk
Consumer group client. Depends on @ledger/rebalance.
published 11d agonpm i @ledger/consumer
Terminal LedgerSearch & BrowseClaude Opus 5#terminal-ledger-registry
Package Registry
Package search where each result shows the install line, the last publish, and whether it has a known advisory — the three things that decide it.
Structure Search bar over a result list of fixed-height rows; every row ends with a copyable install command in an inverted block, and advisories break the row with a full-width warning line.
INGEST12 keys
ingest.batch_sizeconfig.toml
ingest.rebalance_timeout_msENV
ingest.max_poll_recordsdefault
ingest.heartbeat_msconfig.toml
ingest.session_timeout_msdefault
ingest.auto_evictdefault
Terminal LedgerSettings & FormsClaude Opus 5#terminal-ledger-config
Config Editor
Configuration as key rows where each value shows its source — default, file, or environment — because the surprising bug is always precedence.
Structure Two-pane split: a section list on the left and key rows on the right, each row a four-column grid of key, value, source badge and a reset control that only appears when overridden.
NEW TOKEN — SHOWN ONCE
lgr_pat_7Qx4nR2vK8mYc1TzWb5JhF0sAeD3gU9p
This value is not stored. Close this panel and it is gone. If you lose it, revoke and issue a new one.
ACTIVE TOKENS4 of 10
NAME
SCOPE
LAST USED
EXPIRES
ci-deploylgr_pat_…9p
topics:read topics:write groups:read
4m agogithub-actions
in 82d
grafana-rolgr_pat_…4k
metrics:read
31s ago10.2.40.11
never
laptop-mokaforlgr_pat_…c2
topics:read groups:read groups:write
114d ago10.2.19.4
in 9d
backup-runnerlgr_pat_…7t
store:read store:write
2h agobackup.internal
in 240d
Terminal LedgerSettings & FormsClaude Opus 5#terminal-ledger-tokens
Access Tokens
A token list where the scope is spelled out per token and the reveal-once panel is shown in the state it actually appears in.
Structure A one-time reveal block pinned at the top, then a token table whose scope column wraps to a second line rather than truncating, and a last-used column that names the caller.
ENTER THIS CODE IN YOUR TERMINALHXQP-4M2Vexpires in 08:41
Terminal LedgerAuth & OnboardingClaude Opus 5#terminal-ledger-device-auth
Device Authorisation
The browser half of a CLI device flow, showing the code in a size you can read across a desk and naming exactly what is being granted.
Structure A narrow centred stack: the code set at 44px with letter-spacing wide enough to read aloud, then a grant table, then two equal-weight buttons — approve is not larger than deny.
zsh — ledger
$ brew install ledger-cli
==> Pouring ledger-cli-3.8.0.arm64_sequoia.bottle.tar.gz🍺 /opt/homebrew/Cellar/ledger-cli/3.8.0: 41 files, 12.4MB$ ledger login
Opened https://ledger.example/device — code HXQP-4M2V✓ authorised as m.okafor (8h)$ ledger topic ls --lag
NAME PARTITIONS LAG
queue.ingest 12 4,201,882
queue.retry 3 0
events.audit 6 118
$▮
LEDGER CLI 3.8
EVERY VALUE ON YOUR CLUSTER, GREPPABLE.
One binary, no daemon, no config file required. Output is stable and columnar by default and JSON when you ask.
Terminal LedgerLandingClaude Opus 5#terminal-ledger-docs
Docs Landing
A developer landing page whose hero is the install line and the first useful command, not a value proposition.
Structure Left half is a terminal transcript that fills the viewport height; the right half is a short claim and a link grid of four entry points, each one a real path rather than a category.
Your tickets
Departs 14:32 · Platform 6
Aberdeen → Inverness
PassengerK. Oyelaran
CoachC
Seat41A
ClassStandard
ReferenceQJ4 8LM 2210Valid
Doors 19:00 · Entrance B
Marlowe Playhouse · A Number
HolderK. Oyelaran
RowA
Seats3, 4
TypeMember
ReferenceMP7 2210 0034Valid
Used
Scanned 08:14, 04 June
Aberdeen → Dundee
PassengerK. Oyelaran
CoachB
Seat12D
ClassStandard
ReferenceQJ4 8LM 1908Used
Ticket StubCommerceClaude Opus 5#ticket-stub-wallet
Ticket Wallet
A wallet of live and spent tickets where the perforation is real — the code half is visually separated from the detail half so a barcode is never read as prose.
Structure A single column of 1px-bordered stubs at 880px, each split 68/32 by a dashed rule with semicircular notches, spent ones shown separated by 6px.
Last scan · 19:04:22
Admit
Marlowe Playhouse · A Number
HolderK. Oyelaran
RowA
Seats3, 4
EntranceB
Member ticket. Two seats on one reference — admit both together.
ReferenceMP7 2210 0034Valid
Ticket StubApp ShellClaude Opus 5#ticket-stub-gate
Gate Console
A gate operator’s frame where the last scan fills the screen as a stub, because the operator needs to read one thing at a time and not a table of rows.
Structure A 200px lane rail, a large single-stub result pane, and a narrow scan log; the result pane shows one stub at whatever size the frame allows.
Ticket StubAuth & OnboardingClaude Opus 5#ticket-stub-checkin
Check-In
A check-in flow where the stub is assembled in front of you as you answer, so by the last step you are looking at the thing you are about to receive.
Structure A 460px form column beside a live stub preview that gains fields as they are filled, with the code half staying blank until the final step.
Admitted1,204of 1,480 expected
Rate, last 5 min38/minpeak 51 at 18:52
Queue, estimated142about 4 minutes
Rejected119 already used, 2 wrong date
Lanes
Lane 114/minOpen
Lane 212/minOpen
Lane 30/minClosed
Lane 412/minOpen
Lane 3 has been closed since 18:20 for a terminal replacement. Reopening it would take about 90 seconds off the estimated queue.
Ticket StubDashboardClaude Opus 5#ticket-stub-flow
Entry Flow
An operations view for a venue entrance where the question is not how many tickets sold but how fast the queue is moving through each lane right now.
Structure A four-across rate band over a lane throughput strip and a rejection breakdown, with all figures in the wide-tracked mono.
Refunds
Claim for a delayed journey
Delay Repay is calculated from the scheduled arrival time at your destination, not from the departure delay.
04 June · Scheduled arrival 16:11
Aberdeen → Inverness
PassengerK. Oyelaran
CoachC
Seat41A
Paid£38.40
ReferenceQJ4 8LM 2210Arrived 16:47
What you are entitled to
Scheduled arrival
16:11
Actual arrival
16:47
Delay
36 minutes
Band
30 to 59 minutes — 50% of the single fare
Refund due
£19.20
This is calculated automatically from the operator's own arrival record. If you believe the recorded arrival time is wrong, say so in the notes and it will be checked against the signalling log.
Ticket StubSettings & FormsClaude Opus 5#ticket-stub-refund
Refund Request
A refund form that shows the actual stub being refunded and computes the entitlement in front of you, so nobody submits a claim on the wrong journey.
Structure A 620px form column with the affected stub rendered inline above the fields, and an entitlement calculation set as a plain ruled list.
13:14→ 15:322h 18m · direct
Operated by Northern Rail · Coach C has 11 seats free
Platform6£38.40
14:32→ 16:111h 39m · direct
Fastest today. Reservation included at no charge.
Platform6£38.40
15:06→ 17:442h 38m · change at Elgin
14 minutes to change. Step-free at both platforms.
Platform3£28.10
16:20→ 17:591h 39m · direct
Reservations full. Standing room only from Aberdeen.
Platform6£38.40
Ticket StubSearch & BrowseClaude Opus 5#ticket-stub-times
Departure Search
A departure search where each result is a half-stub — enough of the ticket shape to be recognisable, without pretending to be a ticket you already hold.
Structure A query bar over a list of notched half-stubs with the time on the long side and the fare and platform on the short side.
2026 so far
Journeys
41
Distance
4,112 km
Spent
£1,204.60
Delay Repay
£64.80
June
Aberdeen → Inverness11 June · 14:32
QJ4 2210
Aberdeen → Inverness04 June · 14:32
QJ4 1908+36
Aberdeen → Dundee02 June · 08:14
QJ4 1841
May
Aberdeen → Edinburgh28 May · 07:02
QJ4 1702
Edinburgh → Aberdeen28 May · 18:40
QJ4 1711
Aberdeen → Inverurie14 May · 09:20
QJ4 1544+31
Inverurie → Aberdeen14 May · 17:11
QJ4 1560
Aberdeen → Stonehaven06 May · 11:04
QJ4 1490
Stonehaven → Aberdeen06 May · 16:22
QJ4 1498
Ticket StubProfile & SocialClaude Opus 5#ticket-stub-history
Travel History
A year of travel presented as the stubs you kept, with the totals derived from them rather than stated separately as a marketing figure.
Structure A summary strip over a month-grouped wall of small torn stubs, three across, each showing only route, date and reference.
Station 4417
Kirkwall Pier
Datum
2.41 m
Zone
UTC
Updated
09:14
Date
High
Height
Low
Height
Range
Surge
Mon 08
03:14
4.62
09:31
1.08
3.54
+0.04
Tue 09
04:02
4.71
10:19
0.97
3.74
+0.02
Wed 10
04:48
4.80
11:06
0.89
3.91
−0.01
Thu 11
05:33
4.86
11:52
0.84
4.02
+0.03
Fri 12
06:17
4.88
12:37
0.83
4.05
+0.06
Sat 13
07:01
4.91
13:22
0.81
4.10
+0.09
Sun 14
07:46
4.87
14:08
0.86
4.01
+0.11
Mon 15
08:33
4.76
14:56
0.95
3.81
+0.14
Highest predicted high water in the period falls on Saturday 13 at 07:01. Surge values are the difference between predicted and observed at the last complete cycle.
Predicted curve, seven days
MonTueWedThuFriSatSun
Tide TableData & ReportsClaude Opus 5#tide-table-station
Station Readings
The core reference table, with the date hanging outside the ruled area and every sixth row grouped by a heavier rule the way a printed tide table groups by watch.
Structure A hanging-index table at 1280px: dates in an unruled 108px column, six ruled data columns, and a doubled rule every sixth row.
Northern Network
14 stations · 1 out of range
Kirkwall Pier4.62 mrising · +0.04 surge
Scrabster3.91 mrising · +0.02 surge
Wick Bay3.44 mfalling · −0.01 surge
Lerwick Sound5.18 mrising · +0.41 surge
Stornoway4.02 mslack · +0.03 surge
Ullapool4.30 mfalling · +0.00 surge
Observations
09:14
Lerwick Sound surge exceeded 0.40 m
+0.41
09:00
All stations reported on schedule
14/14
08:31
Wick Bay gauge returned after maintenance
—
08:00
Forecast cycle refreshed
—
Tide TableDashboardClaude Opus 5#tide-table-almanac
Almanac Console
A monitoring view for a network of stations where nothing is a card — every panel is a ruled region, and the one out-of-range figure is the only coloured thing on screen.
Structure A three-column ruled grid with no fills or gaps: regions are separated by 1px rules that run to the page margins, so the whole screen reads as one sheet.
Find a station
Codes are four digits. Partial names match from the start of any word.
Showing 9 stations matching “ork”, nearest first from Kirkwall. Sort by name
Tide TableSearch & BrowseClaude Opus 5#tide-table-lookup
Station Lookup
A lookup where results are a ruled list rather than cards, and the sort is stated in plain words above the rule instead of hidden in a dropdown.
Structure A single 68ch-wide column: search field, a plain-language sort line, then hairline-ruled result rows with the station code hanging left.
Reports
New recurring report
Reports are generated at the end of the selected period and sent as a signed PDF with the raw series attached as CSV.
Every Sunday at 23:59 UTC, generate Orkney weekly surge covering all 9 Orkney stations, flagging any reading where surge against prediction exceeds 0.40 m, and send it to harbour.notices@example.org.
Existing reports are not affected.
Tide TableSettings & FormsClaude Opus 5#tide-table-report
Report Builder
A form for defining a recurring report where the resulting sentence is written out in full underneath, so the settings can be checked by reading rather than by re-deriving them.
Structure A two-column form at 980px with a persistent plain-English summary sentence pinned beneath the fields and above the submit.
Method note 04
How a prediction is produced
Predictions are harmonic, not statistical. This note describes the constituents used, where the observations come from, and what the published uncertainty actually covers.
Collect the observation series
Each station reports at six-minute intervals. A year of clean observation is the minimum for a first analysis; stations with less are marked provisional and are excluded from the network summary.
Fit the harmonic constituents
We solve for 62 constituents by least squares. The four principal ones account for most of the range at every station in this network; the remainder matter chiefly in shallow water where the curve is distorted.
Predict forward
The fitted constituents are evaluated forward to produce height at any instant. This step is deterministic and contains no weather information at all, which is the single most misunderstood fact about tide prediction.
Compare against observation
The difference between observed and predicted height is the surge. It is a residual, not a measurement, and it carries everything the harmonic model does not know about — chiefly wind and atmospheric pressure.
What the published uncertainty covers
The quoted ±0.05 m is the residual standard deviation of the harmonic fit over the analysis period. It does not include gauge error, datum error, or any allowance for weather. A day with a 0.40 m surge is not a day on which the prediction was wrong by 0.40 m; it is a day on which the weather added 0.40 m to a correct prediction.
Tide TableEditorialClaude Opus 5#tide-table-method
Method Note
Documentation for how a prediction is produced, set as a numbered method with the equations hanging in the margin where they can be checked without breaking the sentence.
Structure A 68ch reading column with a 200px equation margin on the right; numbered steps hang their numerals in a left gutter outside the text block.
Station 4417 · Orkney · datum 2.41 m · reporting every six minutes
Time
Observed
Predicted
Surge
09:12
4.61
4.57
+0.04
09:06
4.58
4.55
+0.03
09:00
4.55
4.52
+0.03
08:54
4.51
4.49
+0.02
08:48
4.47
4.46
+0.01
Next high water at 14:08, predicted 4.87 m.
Tide TableApp ShellClaude Opus 5#tide-table-shell
Almanac Shell
An application frame with no chrome at all — the navigation is a ruled list in the margin and the only fill anywhere on screen is the input field.
Structure A 220px ruled sidebar and a content region separated by a single 1px rule that runs the full height, with a hairline breadcrumb strip above.
Kirkwall Pier · now4.62mRising. Next high water 14:08 at 4.87 m.
Fourteen stations, six-minute intervals, no key required
Predicted and observed sea level for the northern network, published continuously since 1994. The full archive is open, the licence is permissive, and the API has no rate limit worth mentioning.
Coverage
Fourteen gauges from Scrabster to North Ronaldsay, each with at least eleven years of continuous record.
Latency
Observations appear within ninety seconds of the gauge reporting. Predictions are computed a year ahead.
Licence
Open Government Licence. Attribution appreciated, redistribution unrestricted, commercial use fine.
How to get it
Live JSON
/v2/station/4417/latest
Single reading, six-minute cadence
Series CSV
/v2/station/4417/series
Up to five years per request
Predictions
/v2/station/4417/predict
Any window inside the next 366 days
Bulk archive
/archive/2026.tar.zst
Whole network, one year, 4.1 GB
No registration. If you are pulling the whole archive nightly, please use the bulk file rather than the series endpoint — it is cheaper for both of us.
Tide TableLandingClaude Opus 5#tide-table-open
Open Data
A landing page for a public data service that leads with the one figure a visitor came for and puts the marketing, such as it is, below the fold where it belongs.
Structure A hairline-ruled hero whose largest element is a single live figure, then a three-column ruled feature row and a plain access table.
Vitamin D3
Cholecalciferol 1000 IU
NDC 50090-3345 · Lot K4482B · Exp 2028-04
1000 IUamount
1×daily, with food
90 dsupply per pack
What it is
A single-ingredient D3 in a medium-chain triglyceride carrier, which is why it is taken with food. Ninety softgels, one per day, no other actives and no fillers beyond the carrier oil.
MorningWith foodSoftgel
£11.40 · £0.13 per dose
Check before you take this
Higher-dose vitamin D interacts with thiazide diuretics and with digoxin. If either is on your list, this will be held for pharmacist review before dispatch.
Tonic RoomCommerceClaude Opus 5#tonic-room-dose
Dose First
A product page that opens on the specification: amount, frequency and duration across the full measure at 60px, with the photograph deliberately below and small.
Structure A three-cell specification block spanning the measure above everything, then a 16:9 image at half width beside the description, then the refill action.
Comparing 3 · Vitamin D3
Same molecule, three specifications
Photographs are hidden in this view. Two products that look identical on a shelf can differ by a factor of five in dose.
Cholecalciferol 1000 IUD3 + K2 ComplexHigh-Dose D3 5000 IU
Amount per dose1000 IU1000 IU5000 IU
Frequency1× daily1× daily1× daily
Doses per pack9060120
Other activesNoneK2 as MK-7, 100 µgNone
FormSoftgelSoftgelSoftgel
Cost per dose£0.13£0.29£0.11
Take with foodYesYesYes
Pharmacist reviewNoNoRequired
Tonic RoomSearch & BrowseClaude Opus 5#tonic-room-compare
Compare
Three products as parallel specification columns with the differing rows tinted, and no photographs at all — the view exists to compare doses, not packaging.
Structure A shared row-label column and three product columns; rows that differ between products are tinted, and the image slot is deliberately absent.
Your plan · March
Four things, once a day
27days remaining
93%taken this month
08:00usual time
Cholecalciferol 1000 IU
MorningWith food
27 left
Omega-3 EPA/DHA 1000 mg
EveningWith food
12 left
Magnesium glycinate 200 mg
Bedtime
41 left
Tonic RoomProfile & SocialClaude Opus 5#tonic-room-adherence
Adherence
A personal plan built from dose chips and a thirty-cell strip, where taken is a filled cell and missed is an outline, and there is no third colour.
Structure A plan header with the remaining count at 60px, then a per-product row carrying its own 30-cell strip, then the next-dose card.
Step 2 of 4
What are you already taking?
Enter each item as a dose, not as a name. “Two puffs as needed” and “200 µg twice daily” are different facts and only one of them can be checked.
ItemAmountFrequencyDuration
One interaction found
Bendroflumethiazide (a thiazide diuretic) with Cholecalciferol at 1000 IU or above can raise serum calcium. This does not stop the order; it holds it for a pharmacist to look at, and they will call you if it matters.
Tonic RoomSettings & FormsClaude Opus 5#tonic-room-intake
Intake Form
The medication list a pharmacist actually reads: one row per item with amount, frequency and duration as three separate inputs rather than one free-text field.
Structure A repeating three-cell row that mirrors the specification block used everywhere else, with a running interaction check pinned beneath it.
Pharmacy and supplements
How much, how often, for how long.
Every product here opens on its dose. The photograph is below it and it is small, because a picture of a bottle has never told anybody whether to take one or five.
When you compare two products we hide the photographs, because packaging is the least informative thing about a supplement.
A pharmacist reads the list
Interactions are checked against everything you told us, and a held order means a person is looking, not that a rule fired.
Counters step, never blur
When your remaining doses go from 12 to 11 the number ticks. It never animates through 11.5, because there is no such dose.
Tonic RoomLandingClaude Opus 5#tonic-room-front
Counter
A pharmacy front page that states its own rule in the hero — the dose comes before the photograph — and then demonstrates it immediately in a specification block.
Structure A left-weighted hero with the claim in Gabarito and a bright counter image at the right, followed by the live specification block as proof.
Subscription supply
Priced per dose, not per box
A 30-day box and a 90-day box are the same product at different unit prices. We show the unit price at the size the pack price is usually shown.
30 days
£0.19per dose
30doses
£5.70 per pack · cancel any time
Delivered every 30 days
Change or pause from the app
Pharmacist review included
90 days
£0.13per dose
90doses
£11.40 per pack · cancel any time
Delivered every 90 days
Change or pause from the app
Pharmacist review included
Free delivery
180 days
£0.11per dose
180doses
£19.80 per pack · cancel any time
Delivered every 180 days
Change or pause from the app
Pharmacist review included
Free delivery
Expiry always beyond the supply
Tonic RoomPricingClaude Opus 5#tonic-room-supply
Supply Plans
Pricing expressed the way the system thinks: cost per dose at 60px in the specification block, with the pack price demoted to a mono line beneath it.
Structure Three supply lengths as columns, each headed by a specification block whose middle cell is the per-dose cost rather than the pack price.
A short argument
The dose is the product
Almost every supplement page online opens on a photograph of a bottle in soft light beside a plant. Underneath, in nine-point grey, is the only fact that determines whether the thing will work: how much, how often, for how long.
We have inverted that. The specification is the hero of every product page in this shop, set at sixty pixels, and the photograph sits below it at a size that reflects its actual usefulness.
1000 IUamount
1×daily, with food
90 dsupply per pack
This is the top of a real product page. Nothing has been removed for the illustration.
Comparison is where it matters most
A shopper comparing two D3 products is trying to answer one question — is this the same thing more cheaply, or a different thing? Packaging cannot answer it and actively obstructs it, so our comparison view hides photographs entirely and tints the rows that differ.
The uncomfortable consequence is that some of our own products look worse in comparison. That is the correct outcome of an honest comparison, and we have decided to live with it.
Tonic RoomMarketingClaude Opus 5#tonic-room-brief
Dosage Brief
An explainer campaign page arguing the system’s own thesis, using a specification block as the illustration rather than a diagram of one.
Structure A narrow 64ch editorial column with full-bleed specification blocks breaking out of it at three points, and a bright still-life closing the page.
We ask about everyone who lives with you because the amount you receive depends on it. If you are not sure, give your best estimate — you can correct it later without penalty.
Ultra CivicSettings & FormsClaude Opus 5#ultra-civic-claim
Claim Form
A public-service form built one question to a row, where an error is marked with a rule and a sentence rather than with red, because red is not in this palette.
Structure A strict 5:7 question-to-answer split with a 2px rule beneath every row, a persistent progress strip across the top, and a save-and-exit block that is part of the same ruled stack.
NorthfieldHousing & Council Tax
Apply for housing support
Most applications are decided in eleven working days.
Ultra CivicLandingClaude Opus 5#ultra-civic-service
Service Front
A service homepage that is a list of tasks rather than a brochure, with the most-used task set at signage scale at the top of the list.
Structure A full-bleed ultramarine banner of one sentence, then a two-column task list where the first item spans both columns and is four times the height of the rest.
Council Tax
Find your address
Enter a postcode. If your address is not listed, you can enter it by hand on the next page.
Ultra CivicSearch & BrowseClaude Opus 5#ultra-civic-lookup
Address Lookup
An address search where the result list is the whole page and each result inverts on hover, the way a pressed sign does, with no hover shadow anywhere.
Structure A single centred 720px column with the search box at signage scale and results as full-width outlined rows that invert entirely rather than tinting.
NF-2026-4412 · received 31 Aug
Priya Ashworth-Blake
Address
Flat 2, 4 Marsh Lane, NF4 2QH
Household
2 adults, 1 child
Tenure
Rent from a private landlord
Declared income
Not provided
Disability benefit
Yes — not yet evidenced
FlagsIncome missingEvidence outstanding
Ultra CivicApp ShellClaude Opus 5#ultra-civic-console
Case Console
A caseworker shell where the queue, the case and the actions are three outlined boxes of equal border weight, so nothing looks more important than it is.
Structure Three vertical panes at 280px, fluid and 300px, divided by 2px rules with no gutter, and a status strip across the bottom that inverts when a case is overdue.
Step 2 of 4
Prove who you are
We check the document against the issuing register. We do not keep a copy, and the check takes about ninety seconds.
What happens next
You photograph the front and back of the licence.
We read the document number and check it against the DVLA register.
You take one short video so we can match the photograph.
We tell you the result on this page. If it fails, you can try once more or use a different document.
Ultra CivicAuth & OnboardingClaude Opus 5#ultra-civic-verify
Identity Check
An identity step that tells you what will happen before it asks for anything, with the document options as three equal outlined blocks and no default.
Structure A centred 640px column where the three document choices are equal-width boxes in a single row rather than a stacked radio list, above a plain what-happens-next list.
Published quarterly under the Local Government Transparency Code
Service performance, Q3 2026
Northfield Council · Housing & Council Tax · published 4 September 2026Applications decided within 11 working days94%
Target 90% · metCalls answered within 3 minutes68%
Target 85% · not metAppeals concluded within 8 weeks81%
Target 80% · metCorrespondence answered within 10 days72%
Target 95% · not met
Measure
Q3
Q2
Q1
Q4 2025
Target
Applications decided in 11 days
94
92
89
88
90
Calls answered in 3 minutes
68
74
79
81
85
Appeals concluded in 8 weeks
81
80
77
75
80
Correspondence in 10 days
72
70
84
91
95
Ultra CivicData & ReportsClaude Opus 5#ultra-civic-performance
Performance Report
A published performance report in two colours, where a target being missed is shown by a bar crossing a 2px line rather than by turning a different colour.
Structure A two-column report where each measure is an outlined block containing a horizontal bar and a target rule, so failure is a spatial fact rather than a colour change.
Public notice · Planning
Proposed development at Kirkstall Wharf
Reference NF/2026/0884 · posted 4 September 2026
Notice is given that an application has been made for the erection of 142 dwellings, a commercial unit of 410 square metres, and associated access and landscaping on land at Kirkstall Wharf, Northfield.
The application and all supporting documents may be inspected online, or in person at the Civic Centre between 09:00 and 16:30, Monday to Thursday.
Any person may make representations. Representations are published in full, including your name, but not your address or contact details.
Representations must be received by2 October 2026Late representations cannot be considered.
Ultra CivicMarketingClaude Opus 5#ultra-civic-notice
Public Notice
A statutory notice designed to be read once and understood, with the deadline as the largest thing on the page and the objection route directly beneath it.
Structure A single column where a full-bleed ultramarine deadline block sits between the notice text and the objection form, so the date cannot be scrolled past.
Thursday 11 June
Late Room
Four rooms, one ticket, doors at eight. Last entry is midnight and we mean it.
Warm-up from the residents. Nothing you have to arrive for, but the sound is best when it is empty.
Main
21:30
Nkechi Balogun
Two hours of dub techno on the big rig. Her first booking here since the room was rebuilt.
Main
22:00
Basement Live
Three bands, forty minutes each, no changeover music. Standing only.
Basement
23:45
Til Close
Open decks in the back bar. Bring something on USB; the booth takes anything.
Back bar
Violet HourLandingClaude Opus 5#violet-hour-tonight
Tonight
A venue front page where the whole evening is one vertical rail of coral time chips, so the page reads as a timeline rather than a list of unrelated events.
Structure Oversized two-word display headline over the night rail: a fixed 96px column of time chips with hard-shadowed listing cards to their right.
14 — 16 August · Kilcarn Fields
Violet Hour
Three stages · 60 acts · camping included
Nkechi Balogun · Sombra Verde
Fell Runner · Hana Ostrowski · The Quiet Trade · Marisol Duarte
Aldous Reef · Ten Fathom · Ivy Ekwueme · Poor Signal · Blue Radium · Ashgrove
Cormorant · Faro · Nine Volt Heart · Tessellate · Bright Field · Loom · Kestrel Down · Amber Kaur · Steady State · Vitrine · Long Way Round · Halo Pines
Violet HourMarketingClaude Opus 5#violet-hour-lineup
Festival Lineup
A lineup poster where the type size is the billing, so the hierarchy of the bill is legible at a glance without anybody having to read a single name.
Structure A full-bleed stack of centred uppercase name bands at descending sizes, with a hard-shadowed ticket block breaking into the stack at the third band.
22:00 — 03:00
Nkechi Balogun
The Late Room · Main
Two hours of dub techno on the big rig.
£14
22:15 — 01:00
Basement Live
The Late Room · Basement
Three bands, forty minutes each, no changeover.
£9
22:30 — 04:00
Sombra Verde
Warehouse 6
All night, one room, no support.
£18
21:00 — 02:00
Fell Runner
The Rosewell
Sold out on Tuesday. Returns go on at the door from 21:30.
Sold out
Still open after 02:00
Warehouse 6til 06:00
Back Bar, The Late Roomtil 04:00
Cellar Fortytil 03:30
The Rosewelltil 02:30
Violet HourSearch & BrowseClaude Opus 5#violet-hour-listings
City Listings
A city-wide listings browser filtered by the time you can actually get there, which is the constraint nobody else builds a filter for.
Structure A horizontal coral chip strip of arrival times over a two-column grid of hard-shadowed listing cards, with sold-out cards flattened rather than dimmed.
You are in204people ahead of you · about 3 minutesHeld for 09:41
Late Room · Thursday
Doors 20:00 · Last entry 00:00
Standard entryAll rooms, all night
2
£28.00
Basement Live add-onThree bands from 22:15
2
£18.00
What you are actually paying
Tickets
£46.00
Booking fee £1.20 per ticket, ours
£4.80
Card processing passed through at cost
£0.94
Total
£51.74
There is no fee at the door and no fee on refunds. If the event is cancelled you get all of this back including the booking fee.
Violet HourCommerceClaude Opus 5#violet-hour-checkout
Ticket Checkout
A checkout that states the fee before you commit rather than at the last step, and shows the queue position as a live figure instead of a spinner.
Structure A 640px hard-shadowed panel with the order at the top, fees itemised in the open, and a queue strip pinned above the pay button.
Interview
Six Hours In The Dark
Nkechi Balogun has played this room eleven times. She has never once looked at the crowd.
Words by Amara Sunday · Photographs by Jo Ferrier · 18 minutes
The booth at the Late Room faces a wall. This is not an accident of architecture; the wall was built in 2019, at the request of three residents, and Balogun was one of them.
"You can't read a room and play to it at the same time," she says. "One of those is a job for a promoter." She has been making this argument for a decade, and it has not become more popular.
If I can see them, I start giving them what they already want. That is the opposite of the job.
What she plays instead is a set built almost entirely in advance — not a fixed sequence, but a set of routes through about four hundred records, decided in the week before and rehearsed in a garage in Govan.
The rehearsals are the part nobody believes. Six hours, alone, standing up, in a room with the same rig she will use on the night, playing to nobody.
People think improvisation means unprepared. It means the preparation was of a different kind.
The eleven appearances here are not a residency. She has turned down a residency twice, on the grounds that a monthly booking would force her to make a set out of whatever she had that month.
Violet HourEditorialClaude Opus 5#violet-hour-feature
Feature Piece
A music feature where pull quotes are hard-shadowed blocks that interrupt the column rather than italic asides that get skipped.
Structure A 60ch reading column with full-width pull-quote blocks breaking the measure, and a coral chip timeline of the night running down the left margin.
Season passes
Get In More Often
Every price below is the price. The booking fee is inside it and there is nothing added at checkout.
Ten Nights
£96£9.60 a night
Ten entries, any night, any room
Transferable — hand it to someone at the door
Expires eighteen months after purchase
Most used
Year Pass
£240unlimited
Every night we open, including sold-out ones
Skip the queue before 23:00
Two guest entries a month
Not transferable — photo taken at first use
Basement Only
£72live nights
Every live night in the Basement, about forty a year
No access to Main or Back Bar
Transferable
What a pass does not do
It does not get you in after last entry. Nothing gets you in after last entry.
It does not cover ticketed one-off events, of which there are about six a year, all announced in advance.
It does not include the cloakroom, which is £2 and always will be.
It does not guarantee entry when the room is at capacity. Passes queue like everyone else after 23:00.
Violet HourPricingClaude Opus 5#violet-hour-passes
Pass Tiers
Three passes where the differences are stated as what you can physically do, not as feature ticks, and the fee is inside the headline price.
Structure Three hard-shadowed columns of equal weight with the price as a mono numeral, over a plain what-is-not-included block.
Nkechi Balogun
11 appearances since 2019
Dub techno, played long and slow, on a rig she specifies in her contract. Based in Glasgow. Does not take residencies, does not play festivals before dark, and will not play a room where the booth faces the floor.
Here
11 Jun 26
Main · 21:30 — 03:00Five and a half hours. Ended on a filter.
02 Feb 26
Main · 22:00 — 04:00Opened for herself under another name.
19 Sep 25
Basement · 23:00 — 02:00Only Basement set. Reportedly hated it.
14 Mar 25
Main · 21:00 — 03:30The night the wall was finished.
08 Nov 24
Main · 22:00 — 03:00Power cut at 01:14, resumed at 01:31.
Violet HourProfile & SocialClaude Opus 5#violet-hour-artist
Artist Page
An artist page built from the dates they actually played here, so the profile is a record of a relationship with the room rather than a press biography.
Structure A full-bleed portrait with the name overlaid in oversized caps, then a two-column split of an appearance log and a set of hard-shadowed recordings.
Claude Opus 5#theme-airmail-desk
Airmail Desk
Written, addressed, and sent.
NorthfieldSearchSubmit
Featured this week
A headline that has to carry the whole typeface
One honest sentence about the thing, set at the reading size the system actually ships.
Read the briefSave for later
Verified ideas128
Evidence sources1,204
Median price anchor$14
Reviewed this week36
Worth a look
All 128
Butcher restock alerts
Turns repeat phone questions into an opt-in subscription.
Local commerce6 sources
Shuttle route drafts
Builds a term's schedule from addresses and class times.
Local B2B4 sources
Revision diff viewer
Lines reviewer comments up against the edited manuscript.
Research tools5 sources
Comparison
Sorted by evidence
01
Butcher restock alertsSMS subscription for a single shop
DifficultyLowAnchor$9/moSources6
Open
02
Shuttle route draftsDraft schedules from addresses
DifficultyMedAnchor$49/moSources4
Open
Work emailyou@studio.comWe only use this to send the weekly brief.
MarketLocal commercePick the closest match; you can change it later.
Subscribe
Good for: Newsletters and correspondence products, personal CRM, invitations, small-team messaging, memberships Avoid for: Analytics, technical tooling, high-density operational software
Claude Opus 5#theme-allotment
Allotment
The year is the navigation.
NorthfieldSearchSubmit
Featured this week
A headline that has to carry the whole typeface
One honest sentence about the thing, set at the reading size the system actually ships.
Read the briefSave for later
Verified ideas128
Evidence sources1,204
Median price anchor$14
Reviewed this week36
Worth a look
All 128
Butcher restock alerts
Turns repeat phone questions into an opt-in subscription.
Local commerce6 sources
Shuttle route drafts
Builds a term's schedule from addresses and class times.
Local B2B4 sources
Revision diff viewer
Lines reviewer comments up against the edited manuscript.
Research tools5 sources
Comparison
Sorted by evidence
01
Butcher restock alertsSMS subscription for a single shop
DifficultyLowAnchor$9/moSources6
Open
02
Shuttle route draftsDraft schedules from addresses
DifficultyMedAnchor$49/moSources4
Open
Work emailyou@studio.comWe only use this to send the weekly brief.
MarketLocal commercePick the closest match; you can change it later.
Subscribe
Good for: Gardening and planting planners, seed catalogues, seasonal produce, farm and smallholding management, phenology Avoid for: Anything aseasonal, real-time tools, alphabetical reference works
One honest sentence about the thing, set at the reading size the system actually ships.
Read the briefSave for later
Verified ideas128
Evidence sources1,204
Median price anchor$14
Reviewed this week36
Worth a look
All 128
Butcher restock alerts
Turns repeat phone questions into an opt-in subscription.
Local commerce6 sources
Shuttle route drafts
Builds a term's schedule from addresses and class times.
Local B2B4 sources
Revision diff viewer
Lines reviewer comments up against the edited manuscript.
Research tools5 sources
Comparison
Sorted by evidence
01
Butcher restock alertsSMS subscription for a single shop
DifficultyLowAnchor$9/moSources6
Open
02
Shuttle route draftsDraft schedules from addresses
DifficultyMedAnchor$49/moSources4
Open
Work emailyou@studio.comWe only use this to send the weekly brief.
MarketLocal commercePick the closest match; you can change it later.
Subscribe
Good for: Avalanche prediction centers, high-altitude meteorological observatories, mountain rescue dispatch, ski area snow safety networks Avoid for: Casual fitness apps, consumer weather widgets, social networking, playful gamified apps
Claude Opus 5#theme-apricot-press
Apricot Press
Ingredients hang in the margin, steps run down the page.
NorthfieldSearchSubmit
Featured this week
A headline that has to carry the whole typeface
One honest sentence about the thing, set at the reading size the system actually ships.
Read the briefSave for later
Verified ideas128
Evidence sources1,204
Median price anchor$14
Reviewed this week36
Worth a look
All 128
Butcher restock alerts
Turns repeat phone questions into an opt-in subscription.
Local commerce6 sources
Shuttle route drafts
Builds a term's schedule from addresses and class times.
Local B2B4 sources
Revision diff viewer
Lines reviewer comments up against the edited manuscript.
Research tools5 sources
Comparison
Sorted by evidence
01
Butcher restock alertsSMS subscription for a single shop
DifficultyLowAnchor$9/moSources6
Open
02
Shuttle route draftsDraft schedules from addresses
DifficultyMedAnchor$49/moSources4
Open
Work emailyou@studio.comWe only use this to send the weekly brief.
MarketLocal commercePick the closest match; you can change it later.
Subscribe
Good for: Recipes and food publishing, instructional content, courses and how-tos, menus, craft documentation Avoid for: Dashboards, developer tools, anything with real-time data
Claude Opus 5#theme-atoll-market
Atoll Market
A shop that reads like a magazine.
NorthfieldSearchSubmit
Featured this week
A headline that has to carry the whole typeface
One honest sentence about the thing, set at the reading size the system actually ships.
Read the briefSave for later
Verified ideas128
Evidence sources1,204
Median price anchor$14
Reviewed this week36
Worth a look
All 128
Butcher restock alerts
Turns repeat phone questions into an opt-in subscription.
Local commerce6 sources
Shuttle route drafts
Builds a term's schedule from addresses and class times.
Local B2B4 sources
Revision diff viewer
Lines reviewer comments up against the edited manuscript.
Research tools5 sources
Comparison
Sorted by evidence
01
Butcher restock alertsSMS subscription for a single shop
DifficultyLowAnchor$9/moSources6
Open
02
Shuttle route draftsDraft schedules from addresses
DifficultyMedAnchor$49/moSources4
Open
Work emailyou@studio.comWe only use this to send the weekly brief.
MarketLocal commercePick the closest match; you can change it later.
Subscribe
Good for: Fashion and lifestyle commerce, lookbooks, brand storefronts, collections, editorial retail Avoid for: Operational software, dashboards, technical documentation
Claude Opus 5#theme-aurora-console
Aurora Console
Telemetry that looks like the aurora, not like a spreadsheet
NorthfieldSearchSubmit
Featured this week
A headline that has to carry the whole typeface
One honest sentence about the thing, set at the reading size the system actually ships.
Read the briefSave for later
Verified ideas128
Evidence sources1,204
Median price anchor$14
Reviewed this week36
Worth a look
All 128
Butcher restock alerts
Turns repeat phone questions into an opt-in subscription.
Local commerce6 sources
Shuttle route drafts
Builds a term's schedule from addresses and class times.
Local B2B4 sources
Revision diff viewer
Lines reviewer comments up against the edited manuscript.
Research tools5 sources
Comparison
Sorted by evidence
01
Butcher restock alertsSMS subscription for a single shop
DifficultyLowAnchor$9/moSources6
Open
02
Shuttle route draftsDraft schedules from addresses
DifficultyMedAnchor$49/moSources4
Open
Work emailyou@studio.comWe only use this to send the weekly brief.
MarketLocal commercePick the closest match; you can change it later.
Subscribe
Good for: Observability, infrastructure consoles, developer tools, real-time monitoring, AI/agent dashboards Avoid for: Children's products, print-like editorial, anything read in direct sunlight
Claude Opus 5#theme-blacktop
Blacktop
White is the brand. Orange means stop.
NorthfieldSearchSubmit
Featured this week
A headline that has to carry the whole typeface
One honest sentence about the thing, set at the reading size the system actually ships.
Read the briefSave for later
Verified ideas128
Evidence sources1,204
Median price anchor$14
Reviewed this week36
Worth a look
All 128
Butcher restock alerts
Turns repeat phone questions into an opt-in subscription.
Local commerce6 sources
Shuttle route drafts
Builds a term's schedule from addresses and class times.
Local B2B4 sources
Revision diff viewer
Lines reviewer comments up against the edited manuscript.
Research tools5 sources
Comparison
Sorted by evidence
01
Butcher restock alertsSMS subscription for a single shop
DifficultyLowAnchor$9/moSources6
Open
02
Shuttle route draftsDraft schedules from addresses
DifficultyMedAnchor$49/moSources4
Open
Work emailyou@studio.comWe only use this to send the weekly brief.
MarketLocal commercePick the closest match; you can change it later.
Subscribe
Good for: Transport and mobility, delivery and courier tracking, motorsport, night-shift operations Avoid for: Soft consumer brands, healthcare, long-form editorial
Claude Opus 5#theme-bloom-lab
Bloom Lab
Serious instruments with the corners taken off
NorthfieldSearchSubmit
Featured this week
A headline that has to carry the whole typeface
One honest sentence about the thing, set at the reading size the system actually ships.
Read the briefSave for later
Verified ideas128
Evidence sources1,204
Median price anchor$14
Reviewed this week36
Worth a look
All 128
Butcher restock alerts
Turns repeat phone questions into an opt-in subscription.
Local commerce6 sources
Shuttle route drafts
Builds a term's schedule from addresses and class times.
Local B2B4 sources
Revision diff viewer
Lines reviewer comments up against the edited manuscript.
Research tools5 sources
Comparison
Sorted by evidence
01
Butcher restock alertsSMS subscription for a single shop
DifficultyLowAnchor$9/moSources6
Open
02
Shuttle route draftsDraft schedules from addresses
DifficultyMedAnchor$49/moSources4
Open
Work emailyou@studio.comWe only use this to send the weekly brief.
MarketLocal commercePick the closest match; you can change it later.
Subscribe
Good for: Science and health consumer products, wellness apps, education, onboarding-heavy SaaS Avoid for: Enterprise procurement, legal, anything that must read as conservative
High-precision operational telemetry and instrument control
NorthfieldSearchSubmit
Featured this week
A headline that has to carry the whole typeface
One honest sentence about the thing, set at the reading size the system actually ships.
Read the briefSave for later
Verified ideas128
Evidence sources1,204
Median price anchor$14
Reviewed this week36
Worth a look
All 128
Butcher restock alerts
Turns repeat phone questions into an opt-in subscription.
Local commerce6 sources
Shuttle route drafts
Builds a term's schedule from addresses and class times.
Local B2B4 sources
Revision diff viewer
Lines reviewer comments up against the edited manuscript.
Research tools5 sources
Comparison
Sorted by evidence
01
Butcher restock alertsSMS subscription for a single shop
DifficultyLowAnchor$9/moSources6
Open
02
Shuttle route draftsDraft schedules from addresses
DifficultyMedAnchor$49/moSources4
Open
Work emailyou@studio.comWe only use this to send the weekly brief.
MarketLocal commercePick the closest match; you can change it later.
Subscribe
Good for: Observatories, telemetry stations, scientific dashboards, radar monitors Avoid for: B2C lifestyle blogs, consumer eCommerce, casual mobile social apps
Claude Opus 5#theme-chancery-lane
Chancery Lane
A document, not an interface.
NorthfieldSearchSubmit
Featured this week
A headline that has to carry the whole typeface
One honest sentence about the thing, set at the reading size the system actually ships.
Read the briefSave for later
Verified ideas128
Evidence sources1,204
Median price anchor$14
Reviewed this week36
Worth a look
All 128
Butcher restock alerts
Turns repeat phone questions into an opt-in subscription.
Local commerce6 sources
Shuttle route drafts
Builds a term's schedule from addresses and class times.
Local B2B4 sources
Revision diff viewer
Lines reviewer comments up against the edited manuscript.
Research tools5 sources
Comparison
Sorted by evidence
01
Butcher restock alertsSMS subscription for a single shop
DifficultyLowAnchor$9/moSources6
Open
02
Shuttle route draftsDraft schedules from addresses
DifficultyMedAnchor$49/moSources4
Open
Work emailyou@studio.comWe only use this to send the weekly brief.
MarketLocal commercePick the closest match; you can change it later.
Subscribe
Good for: Contracts and e-signature, legal research, policy and compliance libraries, notarised records, long clause-numbered text Avoid for: Consumer marketing, dashboards, anything image-led, anything that needs to feel fast
Claude Opus 5#theme-craft-zine
Craft Zine
Independent magazine energy on warm paper stock
NorthfieldSearchSubmit
Featured this week
A headline that has to carry the whole typeface
One honest sentence about the thing, set at the reading size the system actually ships.
Read the briefSave for later
Verified ideas128
Evidence sources1,204
Median price anchor$14
Reviewed this week36
Worth a look
All 128
Butcher restock alerts
Turns repeat phone questions into an opt-in subscription.
Local commerce6 sources
Shuttle route drafts
Builds a term's schedule from addresses and class times.
Local B2B4 sources
Revision diff viewer
Lines reviewer comments up against the edited manuscript.
Research tools5 sources
Comparison
Sorted by evidence
01
Butcher restock alertsSMS subscription for a single shop
DifficultyLowAnchor$9/moSources6
Open
02
Shuttle route draftsDraft schedules from addresses
DifficultyMedAnchor$49/moSources4
Open
Work emailyou@studio.comWe only use this to send the weekly brief.
MarketLocal commercePick the closest match; you can change it later.
Subscribe
Good for: Editorial products, curated feeds, indie SaaS, newsletters, community showcases Avoid for: Dense analytics, financial dashboards, enterprise admin consoles
Claude Fable 5.1#theme-curated-catalog
Curated Catalog
Museum-shop catalogue — someone chose these, and it shows
NorthfieldSearchSubmit
Featured this week
A headline that has to carry the whole typeface
One honest sentence about the thing, set at the reading size the system actually ships.
Read the briefSave for later
Verified ideas128
Evidence sources1,204
Median price anchor$14
Reviewed this week36
Worth a look
All 128
Butcher restock alerts
Turns repeat phone questions into an opt-in subscription.
Local commerce6 sources
Shuttle route drafts
Builds a term's schedule from addresses and class times.
Local B2B4 sources
Revision diff viewer
Lines reviewer comments up against the edited manuscript.
Research tools5 sources
Comparison
Sorted by evidence
01
Butcher restock alertsSMS subscription for a single shop
DifficultyLowAnchor$9/moSources6
Open
02
Shuttle route draftsDraft schedules from addresses
DifficultyMedAnchor$49/moSources4
Open
Work emailyou@studio.comWe only use this to send the weekly brief.
MarketLocal commercePick the closest match; you can change it later.
Subscribe
Good for: Marketplaces, collections, product discovery, galleries, shops, directories Avoid for: Data tables, admin tooling, anything without imagery
Claude Opus 5#theme-curtain-call
Curtain Call
The room before the lights go down.
NorthfieldSearchSubmit
Featured this week
A headline that has to carry the whole typeface
One honest sentence about the thing, set at the reading size the system actually ships.
Read the briefSave for later
Verified ideas128
Evidence sources1,204
Median price anchor$14
Reviewed this week36
Worth a look
All 128
Butcher restock alerts
Turns repeat phone questions into an opt-in subscription.
Local commerce6 sources
Shuttle route drafts
Builds a term's schedule from addresses and class times.
Local B2B4 sources
Revision diff viewer
Lines reviewer comments up against the edited manuscript.
Research tools5 sources
Comparison
Sorted by evidence
01
Butcher restock alertsSMS subscription for a single shop
DifficultyLowAnchor$9/moSources6
Open
02
Shuttle route draftsDraft schedules from addresses
DifficultyMedAnchor$49/moSources4
Open
Work emailyou@studio.comWe only use this to send the weekly brief.
MarketLocal commercePick the closest match; you can change it later.
Subscribe
Good for: Theatre and concert programmes, ticketing, festival schedules, arts venues, membership sites Avoid for: Developer tools, dense dashboards, anything that needs to look inexpensive
Claude Opus 5#theme-depot-red
Depot Red
Which way, how far, how long.
NorthfieldSearchSubmit
Featured this week
A headline that has to carry the whole typeface
One honest sentence about the thing, set at the reading size the system actually ships.
Read the briefSave for later
Verified ideas128
Evidence sources1,204
Median price anchor$14
Reviewed this week36
Worth a look
All 128
Butcher restock alerts
Turns repeat phone questions into an opt-in subscription.
Local commerce6 sources
Shuttle route drafts
Builds a term's schedule from addresses and class times.
Local B2B4 sources
Revision diff viewer
Lines reviewer comments up against the edited manuscript.
Research tools5 sources
Comparison
Sorted by evidence
01
Butcher restock alertsSMS subscription for a single shop
DifficultyLowAnchor$9/moSources6
Open
02
Shuttle route draftsDraft schedules from addresses
DifficultyMedAnchor$49/moSources4
Open
Work emailyou@studio.comWe only use this to send the weekly brief.
MarketLocal commercePick the closest match; you can change it later.
Subscribe
Good for: Wayfinding and station displays, warehouse and depot systems, venue navigation, transit information Avoid for: Editorial, commerce, anything that needs a soft or premium voice
Claude Opus 5#theme-depth-charge
Depth Charge
Navy hull, one lime, and readings that never stop moving
NorthfieldSearchSubmit
Featured this week
A headline that has to carry the whole typeface
One honest sentence about the thing, set at the reading size the system actually ships.
Read the briefSave for later
Verified ideas128
Evidence sources1,204
Median price anchor$14
Reviewed this week36
Worth a look
All 128
Butcher restock alerts
Turns repeat phone questions into an opt-in subscription.
Local commerce6 sources
Shuttle route drafts
Builds a term's schedule from addresses and class times.
Local B2B4 sources
Revision diff viewer
Lines reviewer comments up against the edited manuscript.
Research tools5 sources
Comparison
Sorted by evidence
01
Butcher restock alertsSMS subscription for a single shop
DifficultyLowAnchor$9/moSources6
Open
02
Shuttle route draftsDraft schedules from addresses
DifficultyMedAnchor$49/moSources4
Open
Work emailyou@studio.comWe only use this to send the weekly brief.
MarketLocal commercePick the closest match; you can change it later.
Subscribe
Good for: Fleet and vehicle telemetry, marine and aviation, energy monitoring, control rooms Avoid for: Editorial, marketing sites, anything printed
Claude Opus 5#theme-drafting-room
Drafting Room
Everything on this page is measured.
NorthfieldSearchSubmit
Featured this week
A headline that has to carry the whole typeface
One honest sentence about the thing, set at the reading size the system actually ships.
Read the briefSave for later
Verified ideas128
Evidence sources1,204
Median price anchor$14
Reviewed this week36
Worth a look
All 128
Butcher restock alerts
Turns repeat phone questions into an opt-in subscription.
Local commerce6 sources
Shuttle route drafts
Builds a term's schedule from addresses and class times.
Local B2B4 sources
Revision diff viewer
Lines reviewer comments up against the edited manuscript.
Research tools5 sources
Comparison
Sorted by evidence
01
Butcher restock alertsSMS subscription for a single shop
DifficultyLowAnchor$9/moSources6
Open
02
Shuttle route draftsDraft schedules from addresses
DifficultyMedAnchor$49/moSources4
Open
Work emailyou@studio.comWe only use this to send the weekly brief.
MarketLocal commercePick the closest match; you can change it later.
Subscribe
Good for: Engineering and construction tools, CAD and spec software, hardware documentation, technical estimating Avoid for: Consumer commerce, editorial, marketing sites, anything playful
Claude Opus 5#theme-evidence-office
Evidence Office
A civic records office that happens to render fast
NorthfieldSearchSubmit
Featured this week
A headline that has to carry the whole typeface
One honest sentence about the thing, set at the reading size the system actually ships.
Read the briefSave for later
Verified ideas128
Evidence sources1,204
Median price anchor$14
Reviewed this week36
Worth a look
All 128
Butcher restock alerts
Turns repeat phone questions into an opt-in subscription.
Local commerce6 sources
Shuttle route drafts
Builds a term's schedule from addresses and class times.
Local B2B4 sources
Revision diff viewer
Lines reviewer comments up against the edited manuscript.
Research tools5 sources
Comparison
Sorted by evidence
01
Butcher restock alertsSMS subscription for a single shop
DifficultyLowAnchor$9/moSources6
Open
02
Shuttle route draftsDraft schedules from addresses
DifficultyMedAnchor$49/moSources4
Open
Work emailyou@studio.comWe only use this to send the weekly brief.
MarketLocal commercePick the closest match; you can change it later.
Subscribe
Good for: Data-dense home screens, comparison tables, admin consoles, research tools, internal platforms Avoid for: Consumer marketing pages, playful brands, image-led storytelling
Claude Opus 5#theme-excavation
Excavation
Ordered by depth, because that is the order it happened.
NorthfieldSearchSubmit
Featured this week
A headline that has to carry the whole typeface
One honest sentence about the thing, set at the reading size the system actually ships.
Read the briefSave for later
Verified ideas128
Evidence sources1,204
Median price anchor$14
Reviewed this week36
Worth a look
All 128
Butcher restock alerts
Turns repeat phone questions into an opt-in subscription.
Local commerce6 sources
Shuttle route drafts
Builds a term's schedule from addresses and class times.
Local B2B4 sources
Revision diff viewer
Lines reviewer comments up against the edited manuscript.
Research tools5 sources
Comparison
Sorted by evidence
01
Butcher restock alertsSMS subscription for a single shop
DifficultyLowAnchor$9/moSources6
Open
02
Shuttle route draftsDraft schedules from addresses
DifficultyMedAnchor$49/moSources4
Open
Work emailyou@studio.comWe only use this to send the weekly brief.
MarketLocal commercePick the closest match; you can change it later.
Subscribe
Good for: Archaeology and field archives, geology and core sampling, museum collections, provenance records, stratified data Avoid for: Real-time tools, consumer products, anything whose natural order is chronological or alphabetical
Claude Opus 5#theme-expert-lens
Expert Lens
The reviewer's desk at midnight — long reading, sharp verdicts
NorthfieldSearchSubmit
Featured this week
A headline that has to carry the whole typeface
One honest sentence about the thing, set at the reading size the system actually ships.
Read the briefSave for later
Verified ideas128
Evidence sources1,204
Median price anchor$14
Reviewed this week36
Worth a look
All 128
Butcher restock alerts
Turns repeat phone questions into an opt-in subscription.
Local commerce6 sources
Shuttle route drafts
Builds a term's schedule from addresses and class times.
Local B2B4 sources
Revision diff viewer
Lines reviewer comments up against the edited manuscript.
Research tools5 sources
Comparison
Sorted by evidence
01
Butcher restock alertsSMS subscription for a single shop
DifficultyLowAnchor$9/moSources6
Open
02
Shuttle route draftsDraft schedules from addresses
DifficultyMedAnchor$49/moSources4
Open
Work emailyou@studio.comWe only use this to send the weekly brief.
MarketLocal commercePick the closest match; you can change it later.
Subscribe
Good for: Review workflows, editorial judgement, research briefs, expert panels, deep detail pages Avoid for: Bright consumer marketing, high-volume grids, print-like light UIs
Claude Opus 5#theme-ferro-brut
Ferro Brut
Mid-tone concrete, 3px rules, and one colour you are not allowed to ignore
NorthfieldSearchSubmit
Featured this week
A headline that has to carry the whole typeface
One honest sentence about the thing, set at the reading size the system actually ships.
Read the briefSave for later
Verified ideas128
Evidence sources1,204
Median price anchor$14
Reviewed this week36
Worth a look
All 128
Butcher restock alerts
Turns repeat phone questions into an opt-in subscription.
Local commerce6 sources
Shuttle route drafts
Builds a term's schedule from addresses and class times.
Local B2B4 sources
Revision diff viewer
Lines reviewer comments up against the edited manuscript.
Research tools5 sources
Comparison
Sorted by evidence
01
Butcher restock alertsSMS subscription for a single shop
DifficultyLowAnchor$9/moSources6
Open
02
Shuttle route draftsDraft schedules from addresses
DifficultyMedAnchor$49/moSources4
Open
Work emailyou@studio.comWe only use this to send the weekly brief.
MarketLocal commercePick the closest match; you can change it later.
Subscribe
Good for: Construction and logistics tools, industrial dashboards, bold agency sites, event and festival pages Avoid for: Healthcare, finance, anything that needs to feel gentle or premium
Claude Opus 5#theme-field-survey
Field Survey
Every panel knows its grid square.
NorthfieldSearchSubmit
Featured this week
A headline that has to carry the whole typeface
One honest sentence about the thing, set at the reading size the system actually ships.
Read the briefSave for later
Verified ideas128
Evidence sources1,204
Median price anchor$14
Reviewed this week36
Worth a look
All 128
Butcher restock alerts
Turns repeat phone questions into an opt-in subscription.
Local commerce6 sources
Shuttle route drafts
Builds a term's schedule from addresses and class times.
Local B2B4 sources
Revision diff viewer
Lines reviewer comments up against the edited manuscript.
Research tools5 sources
Comparison
Sorted by evidence
01
Butcher restock alertsSMS subscription for a single shop
DifficultyLowAnchor$9/moSources6
Open
02
Shuttle route draftsDraft schedules from addresses
DifficultyMedAnchor$49/moSources4
Open
Work emailyou@studio.comWe only use this to send the weekly brief.
MarketLocal commercePick the closest match; you can change it later.
Subscribe
Good for: Field operations, logistics and dispatch, mapping and GIS, inspection tooling, incident command Avoid for: Consumer apps, editorial, anything warm or informal
Claude Opus 5#theme-fitting-room
Fitting Room
You have it until the fourteenth.
NorthfieldSearchSubmit
Featured this week
A headline that has to carry the whole typeface
One honest sentence about the thing, set at the reading size the system actually ships.
Read the briefSave for later
Verified ideas128
Evidence sources1,204
Median price anchor$14
Reviewed this week36
Worth a look
All 128
Butcher restock alerts
Turns repeat phone questions into an opt-in subscription.
Local commerce6 sources
Shuttle route drafts
Builds a term's schedule from addresses and class times.
Local B2B4 sources
Revision diff viewer
Lines reviewer comments up against the edited manuscript.
Research tools5 sources
Comparison
Sorted by evidence
01
Butcher restock alertsSMS subscription for a single shop
DifficultyLowAnchor$9/moSources6
Open
02
Shuttle route draftsDraft schedules from addresses
DifficultyMedAnchor$49/moSources4
Open
Work emailyou@studio.comWe only use this to send the weekly brief.
MarketLocal commercePick the closest match; you can change it later.
Subscribe
Good for: Clothing rental and subscription, library and equipment lending, try-before-you-buy, wardrobe management Avoid for: Outright-purchase retail, anything without a return or renewal cycle
Claude Opus 5#theme-frost-index
Frost Index
Everything is one hue, because everything is one quantity
NorthfieldSearchSubmit
Featured this week
A headline that has to carry the whole typeface
One honest sentence about the thing, set at the reading size the system actually ships.
Read the briefSave for later
Verified ideas128
Evidence sources1,204
Median price anchor$14
Reviewed this week36
Worth a look
All 128
Butcher restock alerts
Turns repeat phone questions into an opt-in subscription.
Local commerce6 sources
Shuttle route drafts
Builds a term's schedule from addresses and class times.
Local B2B4 sources
Revision diff viewer
Lines reviewer comments up against the edited manuscript.
Research tools5 sources
Comparison
Sorted by evidence
01
Butcher restock alertsSMS subscription for a single shop
DifficultyLowAnchor$9/moSources6
Open
02
Shuttle route draftsDraft schedules from addresses
DifficultyMedAnchor$49/moSources4
Open
Work emailyou@studio.comWe only use this to send the weekly brief.
MarketLocal commercePick the closest match; you can change it later.
Subscribe
Good for: Financial data, reference tables, comparison tools, market and index dashboards Avoid for: Consumer marketing, storytelling pages, anything that needs warmth
Claude Opus 5#theme-frost-signal
Frost Signal
In range, or out of range. There is no third state.
NorthfieldSearchSubmit
Featured this week
A headline that has to carry the whole typeface
One honest sentence about the thing, set at the reading size the system actually ships.
Read the briefSave for later
Verified ideas128
Evidence sources1,204
Median price anchor$14
Reviewed this week36
Worth a look
All 128
Butcher restock alerts
Turns repeat phone questions into an opt-in subscription.
Local commerce6 sources
Shuttle route drafts
Builds a term's schedule from addresses and class times.
Local B2B4 sources
Revision diff viewer
Lines reviewer comments up against the edited manuscript.
Research tools5 sources
Comparison
Sorted by evidence
01
Butcher restock alertsSMS subscription for a single shop
DifficultyLowAnchor$9/moSources6
Open
02
Shuttle route draftsDraft schedules from addresses
DifficultyMedAnchor$49/moSources4
Open
Work emailyou@studio.comWe only use this to send the weekly brief.
MarketLocal commercePick the closest match; you can change it later.
Subscribe
Good for: Cold-chain and logistics monitoring, food safety, lab freezers, sensor fleets, alert consoles Avoid for: Marketing sites, editorial, anything where red and green are decorative
Claude Opus 5#theme-greengrocer
Greengrocer
Per kilo, or it does not go on the shelf.
NorthfieldSearchSubmit
Featured this week
A headline that has to carry the whole typeface
One honest sentence about the thing, set at the reading size the system actually ships.
Read the briefSave for later
Verified ideas128
Evidence sources1,204
Median price anchor$14
Reviewed this week36
Worth a look
All 128
Butcher restock alerts
Turns repeat phone questions into an opt-in subscription.
Local commerce6 sources
Shuttle route drafts
Builds a term's schedule from addresses and class times.
Local B2B4 sources
Revision diff viewer
Lines reviewer comments up against the edited manuscript.
Research tools5 sources
Comparison
Sorted by evidence
01
Butcher restock alertsSMS subscription for a single shop
DifficultyLowAnchor$9/moSources6
Open
02
Shuttle route draftsDraft schedules from addresses
DifficultyMedAnchor$49/moSources4
Open
Work emailyou@studio.comWe only use this to send the weekly brief.
MarketLocal commercePick the closest match; you can change it later.
Subscribe
Good for: Grocery and produce, food markets, wholesale ordering, meal-kit and box schemes Avoid for: Luxury goods, professional services, anything priced per seat or per month
Claude Opus 5#theme-grid-bureau
Grid Bureau
Everything sits on the line.
NorthfieldSearchSubmit
Featured this week
A headline that has to carry the whole typeface
One honest sentence about the thing, set at the reading size the system actually ships.
Read the briefSave for later
Verified ideas128
Evidence sources1,204
Median price anchor$14
Reviewed this week36
Worth a look
All 128
Butcher restock alerts
Turns repeat phone questions into an opt-in subscription.
Local commerce6 sources
Shuttle route drafts
Builds a term's schedule from addresses and class times.
Local B2B4 sources
Revision diff viewer
Lines reviewer comments up against the edited manuscript.
Research tools5 sources
Comparison
Sorted by evidence
01
Butcher restock alertsSMS subscription for a single shop
DifficultyLowAnchor$9/moSources6
Open
02
Shuttle route draftsDraft schedules from addresses
DifficultyMedAnchor$49/moSources4
Open
Work emailyou@studio.comWe only use this to send the weekly brief.
MarketLocal commercePick the closest match; you can change it later.
One honest sentence about the thing, set at the reading size the system actually ships.
Read the briefSave for later
Verified ideas128
Evidence sources1,204
Median price anchor$14
Reviewed this week36
Worth a look
All 128
Butcher restock alerts
Turns repeat phone questions into an opt-in subscription.
Local commerce6 sources
Shuttle route drafts
Builds a term's schedule from addresses and class times.
Local B2B4 sources
Revision diff viewer
Lines reviewer comments up against the edited manuscript.
Research tools5 sources
Comparison
Sorted by evidence
01
Butcher restock alertsSMS subscription for a single shop
DifficultyLowAnchor$9/moSources6
Open
02
Shuttle route draftsDraft schedules from addresses
DifficultyMedAnchor$49/moSources4
Open
Work emailyou@studio.comWe only use this to send the weekly brief.
MarketLocal commercePick the closest match; you can change it later.
Subscribe
Good for: Port and terminal operations, freight and yard management, fleet dispatch, warehouse control rooms Avoid for: Editorial, marketing sites, anything with variable-length content that must not be truncated
Claude Opus 5#theme-herbarium-plate
Herbarium Plate
Mounted, labelled, and left alone.
NorthfieldSearchSubmit
Featured this week
A headline that has to carry the whole typeface
One honest sentence about the thing, set at the reading size the system actually ships.
Read the briefSave for later
Verified ideas128
Evidence sources1,204
Median price anchor$14
Reviewed this week36
Worth a look
All 128
Butcher restock alerts
Turns repeat phone questions into an opt-in subscription.
Local commerce6 sources
Shuttle route drafts
Builds a term's schedule from addresses and class times.
Local B2B4 sources
Revision diff viewer
Lines reviewer comments up against the edited manuscript.
Research tools5 sources
Comparison
Sorted by evidence
01
Butcher restock alertsSMS subscription for a single shop
DifficultyLowAnchor$9/moSources6
Open
02
Shuttle route draftsDraft schedules from addresses
DifficultyMedAnchor$49/moSources4
Open
Work emailyou@studio.comWe only use this to send the weekly brief.
MarketLocal commercePick the closest match; you can change it later.
Subscribe
Good for: Catalogues and collections, natural science, archives, plant and food brands, museum interfaces Avoid for: Fast commerce, developer tooling, anything with a live feed
Claude Opus 5#theme-hotel-bell
Hotel Bell
Two nights, two guests — every price says so.
NorthfieldSearchSubmit
Featured this week
A headline that has to carry the whole typeface
One honest sentence about the thing, set at the reading size the system actually ships.
Read the briefSave for later
Verified ideas128
Evidence sources1,204
Median price anchor$14
Reviewed this week36
Worth a look
All 128
Butcher restock alerts
Turns repeat phone questions into an opt-in subscription.
Local commerce6 sources
Shuttle route drafts
Builds a term's schedule from addresses and class times.
Local B2B4 sources
Revision diff viewer
Lines reviewer comments up against the edited manuscript.
Research tools5 sources
Comparison
Sorted by evidence
01
Butcher restock alertsSMS subscription for a single shop
DifficultyLowAnchor$9/moSources6
Open
02
Shuttle route draftsDraft schedules from addresses
DifficultyMedAnchor$49/moSources4
Open
Work emailyou@studio.comWe only use this to send the weekly brief.
MarketLocal commercePick the closest match; you can change it later.
Subscribe
Good for: Hotels and lodging, holiday rentals, resorts, spa and treatment booking, travel packages Avoid for: Flat-rate products, subscriptions, anything not priced by occupancy and duration
Claude Opus 5#theme-invitation
Invitation
If it would not print, it is not a card.
NorthfieldSearchSubmit
Featured this week
A headline that has to carry the whole typeface
One honest sentence about the thing, set at the reading size the system actually ships.
Read the briefSave for later
Verified ideas128
Evidence sources1,204
Median price anchor$14
Reviewed this week36
Worth a look
All 128
Butcher restock alerts
Turns repeat phone questions into an opt-in subscription.
Local commerce6 sources
Shuttle route drafts
Builds a term's schedule from addresses and class times.
Local B2B4 sources
Revision diff viewer
Lines reviewer comments up against the edited manuscript.
Research tools5 sources
Comparison
Sorted by evidence
01
Butcher restock alertsSMS subscription for a single shop
DifficultyLowAnchor$9/moSources6
Open
02
Shuttle route draftsDraft schedules from addresses
DifficultyMedAnchor$49/moSources4
Open
Work emailyou@studio.comWe only use this to send the weekly brief.
MarketLocal commercePick the closest match; you can change it later.
Subscribe
Good for: Events and RSVPs, weddings and parties, save-the-dates, ticketed socials, membership cards Avoid for: Data-heavy tools, long-form content, anything with unbounded text
Claude Opus 5#theme-kiln-clay
Kiln Clay
The page is clay, and the cards are pressed into it
NorthfieldSearchSubmit
Featured this week
A headline that has to carry the whole typeface
One honest sentence about the thing, set at the reading size the system actually ships.
Read the briefSave for later
Verified ideas128
Evidence sources1,204
Median price anchor$14
Reviewed this week36
Worth a look
All 128
Butcher restock alerts
Turns repeat phone questions into an opt-in subscription.
Local commerce6 sources
Shuttle route drafts
Builds a term's schedule from addresses and class times.
Local B2B4 sources
Revision diff viewer
Lines reviewer comments up against the edited manuscript.
Research tools5 sources
Comparison
Sorted by evidence
01
Butcher restock alertsSMS subscription for a single shop
DifficultyLowAnchor$9/moSources6
Open
02
Shuttle route draftsDraft schedules from addresses
DifficultyMedAnchor$49/moSources4
Open
Work emailyou@studio.comWe only use this to send the weekly brief.
MarketLocal commercePick the closest match; you can change it later.
Subscribe
Good for: Craft marketplaces, food and drink, small-batch commerce, workshops and classes Avoid for: Dense dashboards, developer tools, anything with heavy tables
Claude Opus 5#theme-kunsthalle
Kunsthalle
The wall is grey so the work is not.
NorthfieldSearchSubmit
Featured this week
A headline that has to carry the whole typeface
One honest sentence about the thing, set at the reading size the system actually ships.
Read the briefSave for later
Verified ideas128
Evidence sources1,204
Median price anchor$14
Reviewed this week36
Worth a look
All 128
Butcher restock alerts
Turns repeat phone questions into an opt-in subscription.
Local commerce6 sources
Shuttle route drafts
Builds a term's schedule from addresses and class times.
Local B2B4 sources
Revision diff viewer
Lines reviewer comments up against the edited manuscript.
Research tools5 sources
Comparison
Sorted by evidence
01
Butcher restock alertsSMS subscription for a single shop
DifficultyLowAnchor$9/moSources6
Open
02
Shuttle route draftsDraft schedules from addresses
DifficultyMedAnchor$49/moSources4
Open
Work emailyou@studio.comWe only use this to send the weekly brief.
MarketLocal commercePick the closest match; you can change it later.
Subscribe
Good for: Contemporary art institutions, galleries, biennials, artist archives, exhibition programmes Avoid for: SaaS products, e-commerce at volume, anything that needs a call to action above the fold
Claude Opus 5#theme-late-edition
Late Edition
Set in columns, closed at midnight.
NorthfieldSearchSubmit
Featured this week
A headline that has to carry the whole typeface
One honest sentence about the thing, set at the reading size the system actually ships.
Read the briefSave for later
Verified ideas128
Evidence sources1,204
Median price anchor$14
Reviewed this week36
Worth a look
All 128
Butcher restock alerts
Turns repeat phone questions into an opt-in subscription.
Local commerce6 sources
Shuttle route drafts
Builds a term's schedule from addresses and class times.
Local B2B4 sources
Revision diff viewer
Lines reviewer comments up against the edited manuscript.
Research tools5 sources
Comparison
Sorted by evidence
01
Butcher restock alertsSMS subscription for a single shop
DifficultyLowAnchor$9/moSources6
Open
02
Shuttle route draftsDraft schedules from addresses
DifficultyMedAnchor$49/moSources4
Open
Work emailyou@studio.comWe only use this to send the weekly brief.
MarketLocal commercePick the closest match; you can change it later.
Subscribe
Good for: News and newsletters, opinion and analysis, sports coverage, live blogs, long-form journalism Avoid for: Product marketing, dashboards, anything with a soft brand voice
Claude Opus 5#theme-ledger-green
Ledger Green
Debit left, credit right, everywhere.
NorthfieldSearchSubmit
Featured this week
A headline that has to carry the whole typeface
One honest sentence about the thing, set at the reading size the system actually ships.
Read the briefSave for later
Verified ideas128
Evidence sources1,204
Median price anchor$14
Reviewed this week36
Worth a look
All 128
Butcher restock alerts
Turns repeat phone questions into an opt-in subscription.
Local commerce6 sources
Shuttle route drafts
Builds a term's schedule from addresses and class times.
Local B2B4 sources
Revision diff viewer
Lines reviewer comments up against the edited manuscript.
Research tools5 sources
Comparison
Sorted by evidence
01
Butcher restock alertsSMS subscription for a single shop
DifficultyLowAnchor$9/moSources6
Open
02
Shuttle route draftsDraft schedules from addresses
DifficultyMedAnchor$49/moSources4
Open
Work emailyou@studio.comWe only use this to send the weekly brief.
MarketLocal commercePick the closest match; you can change it later.
Subscribe
Good for: Bookkeeping and accounting, invoicing, audit trails, treasury and reconciliation, financial statements Avoid for: Consumer fintech, anything playful, anything where money is a secondary concern
Claude Opus 5#theme-lilac-quiet
Lilac Quiet
There is no grey here — even the borders are lilac
NorthfieldSearchSubmit
Featured this week
A headline that has to carry the whole typeface
One honest sentence about the thing, set at the reading size the system actually ships.
Read the briefSave for later
Verified ideas128
Evidence sources1,204
Median price anchor$14
Reviewed this week36
Worth a look
All 128
Butcher restock alerts
Turns repeat phone questions into an opt-in subscription.
Local commerce6 sources
Shuttle route drafts
Builds a term's schedule from addresses and class times.
Local B2B4 sources
Revision diff viewer
Lines reviewer comments up against the edited manuscript.
Research tools5 sources
Comparison
Sorted by evidence
01
Butcher restock alertsSMS subscription for a single shop
DifficultyLowAnchor$9/moSources6
Open
02
Shuttle route draftsDraft schedules from addresses
DifficultyMedAnchor$49/moSources4
Open
Work emailyou@studio.comWe only use this to send the weekly brief.
MarketLocal commercePick the closest match; you can change it later.
Subscribe
Good for: Journalling and reflection apps, calm productivity, mental health, personal finance Avoid for: Industrial tools, dense analytics, high-urgency operational software
Claude Opus 5#theme-meter-room
Meter Room
The scale is fixed so two screens can be compared by eye.
NorthfieldSearchSubmit
Featured this week
A headline that has to carry the whole typeface
One honest sentence about the thing, set at the reading size the system actually ships.
Read the briefSave for later
Verified ideas128
Evidence sources1,204
Median price anchor$14
Reviewed this week36
Worth a look
All 128
Butcher restock alerts
Turns repeat phone questions into an opt-in subscription.
Local commerce6 sources
Shuttle route drafts
Builds a term's schedule from addresses and class times.
Local B2B4 sources
Revision diff viewer
Lines reviewer comments up against the edited manuscript.
Research tools5 sources
Comparison
Sorted by evidence
01
Butcher restock alertsSMS subscription for a single shop
DifficultyLowAnchor$9/moSources6
Open
02
Shuttle route draftsDraft schedules from addresses
DifficultyMedAnchor$49/moSources4
Open
Work emailyou@studio.comWe only use this to send the weekly brief.
MarketLocal commercePick the closest match; you can change it later.
Subscribe
Good for: Energy and utility monitoring, building management, sub-metering, tariff and consumption reporting, plant rooms Avoid for: Exploratory analytics, anything where the interesting range is unknown in advance
Claude Opus 5#theme-midnight-reel
Midnight Reel
One warm metal on black. Everything else is the absence of light.
NorthfieldSearchSubmit
Featured this week
A headline that has to carry the whole typeface
One honest sentence about the thing, set at the reading size the system actually ships.
Read the briefSave for later
Verified ideas128
Evidence sources1,204
Median price anchor$14
Reviewed this week36
Worth a look
All 128
Butcher restock alerts
Turns repeat phone questions into an opt-in subscription.
Local commerce6 sources
Shuttle route drafts
Builds a term's schedule from addresses and class times.
Local B2B4 sources
Revision diff viewer
Lines reviewer comments up against the edited manuscript.
Research tools5 sources
Comparison
Sorted by evidence
01
Butcher restock alertsSMS subscription for a single shop
DifficultyLowAnchor$9/moSources6
Open
02
Shuttle route draftsDraft schedules from addresses
DifficultyMedAnchor$49/moSources4
Open
Work emailyou@studio.comWe only use this to send the weekly brief.
MarketLocal commercePick the closest match; you can change it later.
Subscribe
Good for: Film and music catalogues, ticketing, hospitality, luxury editorial, membership sites Avoid for: Data-heavy admin, developer tools, anything with a lot of forms
Claude Opus 5#theme-moss-atlas
Moss Atlas
The green is the paper, not the button
NorthfieldSearchSubmit
Featured this week
A headline that has to carry the whole typeface
One honest sentence about the thing, set at the reading size the system actually ships.
Read the briefSave for later
Verified ideas128
Evidence sources1,204
Median price anchor$14
Reviewed this week36
Worth a look
All 128
Butcher restock alerts
Turns repeat phone questions into an opt-in subscription.
Local commerce6 sources
Shuttle route drafts
Builds a term's schedule from addresses and class times.
Local B2B4 sources
Revision diff viewer
Lines reviewer comments up against the edited manuscript.
Research tools5 sources
Comparison
Sorted by evidence
01
Butcher restock alertsSMS subscription for a single shop
DifficultyLowAnchor$9/moSources6
Open
02
Shuttle route draftsDraft schedules from addresses
DifficultyMedAnchor$49/moSources4
Open
Work emailyou@studio.comWe only use this to send the weekly brief.
MarketLocal commercePick the closest match; you can change it later.
Subscribe
Good for: Field research, environment and climate products, outdoor and travel, mapping tools Avoid for: Bright consumer marketing, finance, high-density admin tables
Claude Opus 5#theme-neon-arcade
Neon Arcade
Five colours, all of them shouting, on the blackest possible page
NorthfieldSearchSubmit
Featured this week
A headline that has to carry the whole typeface
One honest sentence about the thing, set at the reading size the system actually ships.
Read the briefSave for later
Verified ideas128
Evidence sources1,204
Median price anchor$14
Reviewed this week36
Worth a look
All 128
Butcher restock alerts
Turns repeat phone questions into an opt-in subscription.
Local commerce6 sources
Shuttle route drafts
Builds a term's schedule from addresses and class times.
Local B2B4 sources
Revision diff viewer
Lines reviewer comments up against the edited manuscript.
Research tools5 sources
Comparison
Sorted by evidence
01
Butcher restock alertsSMS subscription for a single shop
DifficultyLowAnchor$9/moSources6
Open
02
Shuttle route draftsDraft schedules from addresses
DifficultyMedAnchor$49/moSources4
Open
Work emailyou@studio.comWe only use this to send the weekly brief.
MarketLocal commercePick the closest match; you can change it later.
Subscribe
Good for: Games, music, streaming, community and creator platforms, hackathon and event sites Avoid for: Finance, healthcare, enterprise admin, anything read for more than ten minutes
Claude Opus 5#theme-pearl-atelier
Pearl Atelier
The page is pink, and one green thread runs through it
NorthfieldSearchSubmit
Featured this week
A headline that has to carry the whole typeface
One honest sentence about the thing, set at the reading size the system actually ships.
Read the briefSave for later
Verified ideas128
Evidence sources1,204
Median price anchor$14
Reviewed this week36
Worth a look
All 128
Butcher restock alerts
Turns repeat phone questions into an opt-in subscription.
Local commerce6 sources
Shuttle route drafts
Builds a term's schedule from addresses and class times.
Local B2B4 sources
Revision diff viewer
Lines reviewer comments up against the edited manuscript.
Research tools5 sources
Comparison
Sorted by evidence
01
Butcher restock alertsSMS subscription for a single shop
DifficultyLowAnchor$9/moSources6
Open
02
Shuttle route draftsDraft schedules from addresses
DifficultyMedAnchor$49/moSources4
Open
Work emailyou@studio.comWe only use this to send the weekly brief.
MarketLocal commercePick the closest match; you can change it later.
Subscribe
Good for: Fashion and beauty, couture and made-to-order, salons, boutique commerce, invitations Avoid for: Enterprise software, developer tools, dense reporting
Claude Opus 5#theme-powder-room
Powder Room
Shade first. The photo can wait.
NorthfieldSearchSubmit
Featured this week
A headline that has to carry the whole typeface
One honest sentence about the thing, set at the reading size the system actually ships.
Read the briefSave for later
Verified ideas128
Evidence sources1,204
Median price anchor$14
Reviewed this week36
Worth a look
All 128
Butcher restock alerts
Turns repeat phone questions into an opt-in subscription.
Local commerce6 sources
Shuttle route drafts
Builds a term's schedule from addresses and class times.
Local B2B4 sources
Revision diff viewer
Lines reviewer comments up against the edited manuscript.
Research tools5 sources
Comparison
Sorted by evidence
01
Butcher restock alertsSMS subscription for a single shop
DifficultyLowAnchor$9/moSources6
Open
02
Shuttle route draftsDraft schedules from addresses
DifficultyMedAnchor$49/moSources4
Open
Work emailyou@studio.comWe only use this to send the weekly brief.
MarketLocal commercePick the closest match; you can change it later.
Subscribe
Good for: Beauty and cosmetics retail, paint and pigment, textile and yarn colour, anything sold by shade Avoid for: Products with no colour dimension, B2B tools, monochrome catalogues
Claude Opus 5#theme-quiet-clinic
Quiet Clinic
Calm, careful, accessible — built for people having a bad day
NorthfieldSearchSubmit
Featured this week
A headline that has to carry the whole typeface
One honest sentence about the thing, set at the reading size the system actually ships.
Read the briefSave for later
Verified ideas128
Evidence sources1,204
Median price anchor$14
Reviewed this week36
Worth a look
All 128
Butcher restock alerts
Turns repeat phone questions into an opt-in subscription.
Local commerce6 sources
Shuttle route drafts
Builds a term's schedule from addresses and class times.
Local B2B4 sources
Revision diff viewer
Lines reviewer comments up against the edited manuscript.
Research tools5 sources
Comparison
Sorted by evidence
01
Butcher restock alertsSMS subscription for a single shop
DifficultyLowAnchor$9/moSources6
Open
02
Shuttle route draftsDraft schedules from addresses
DifficultyMedAnchor$49/moSources4
Open
Work emailyou@studio.comWe only use this to send the weekly brief.
MarketLocal commercePick the closest match; you can change it later.
Subscribe
Good for: Health, fintech, government services, onboarding, forms, account and settings flows Avoid for: Brand statements, entertainment, anything that needs to feel exciting
Claude Opus 5#theme-radiograph
Radiograph
The image is the application.
NorthfieldSearchSubmit
Featured this week
A headline that has to carry the whole typeface
One honest sentence about the thing, set at the reading size the system actually ships.
Read the briefSave for later
Verified ideas128
Evidence sources1,204
Median price anchor$14
Reviewed this week36
Worth a look
All 128
Butcher restock alerts
Turns repeat phone questions into an opt-in subscription.
Local commerce6 sources
Shuttle route drafts
Builds a term's schedule from addresses and class times.
Local B2B4 sources
Revision diff viewer
Lines reviewer comments up against the edited manuscript.
Research tools5 sources
Comparison
Sorted by evidence
01
Butcher restock alertsSMS subscription for a single shop
DifficultyLowAnchor$9/moSources6
Open
02
Shuttle route draftsDraft schedules from addresses
DifficultyMedAnchor$49/moSources4
Open
Work emailyou@studio.comWe only use this to send the weekly brief.
MarketLocal commercePick the closest match; you can change it later.
Subscribe
Good for: Medical imaging review, PACS viewers, scientific microscopy, satellite and survey imagery, any image-first tool Avoid for: Content sites, marketing, anything where the image is an illustration rather than the subject
Claude Opus 5#theme-reading-lamp
Reading Lamp
Size and warmth. That is the whole settings screen.
NorthfieldSearchSubmit
Featured this week
A headline that has to carry the whole typeface
One honest sentence about the thing, set at the reading size the system actually ships.
Read the briefSave for later
Verified ideas128
Evidence sources1,204
Median price anchor$14
Reviewed this week36
Worth a look
All 128
Butcher restock alerts
Turns repeat phone questions into an opt-in subscription.
Local commerce6 sources
Shuttle route drafts
Builds a term's schedule from addresses and class times.
Local B2B4 sources
Revision diff viewer
Lines reviewer comments up against the edited manuscript.
Research tools5 sources
Comparison
Sorted by evidence
01
Butcher restock alertsSMS subscription for a single shop
DifficultyLowAnchor$9/moSources6
Open
02
Shuttle route draftsDraft schedules from addresses
DifficultyMedAnchor$49/moSources4
Open
Work emailyou@studio.comWe only use this to send the weekly brief.
MarketLocal commercePick the closest match; you can change it later.
Subscribe
Good for: Long-form reading, e-books and serialised fiction, essays and archives, read-it-later, documentation prose Avoid for: Dashboards, media-rich magazines, anything with an interface to speak of
Claude Opus 5#theme-reed-bed
Reed Bed
A number without its band is not a reading.
NorthfieldSearchSubmit
Featured this week
A headline that has to carry the whole typeface
One honest sentence about the thing, set at the reading size the system actually ships.
Read the briefSave for later
Verified ideas128
Evidence sources1,204
Median price anchor$14
Reviewed this week36
Worth a look
All 128
Butcher restock alerts
Turns repeat phone questions into an opt-in subscription.
Local commerce6 sources
Shuttle route drafts
Builds a term's schedule from addresses and class times.
Local B2B4 sources
Revision diff viewer
Lines reviewer comments up against the edited manuscript.
Research tools5 sources
Comparison
Sorted by evidence
01
Butcher restock alertsSMS subscription for a single shop
DifficultyLowAnchor$9/moSources6
Open
02
Shuttle route draftsDraft schedules from addresses
DifficultyMedAnchor$49/moSources4
Open
Work emailyou@studio.comWe only use this to send the weekly brief.
MarketLocal commercePick the closest match; you can change it later.
Subscribe
Good for: Water quality and catchment monitoring, environmental reporting, conservation trusts, field science, regulatory returns Avoid for: Commerce, consumer apps, anything that needs a bright first impression
Claude Opus 5#theme-rosewater-school
Rosewater School
One child at a time, named first.
NorthfieldSearchSubmit
Featured this week
A headline that has to carry the whole typeface
One honest sentence about the thing, set at the reading size the system actually ships.
Read the briefSave for later
Verified ideas128
Evidence sources1,204
Median price anchor$14
Reviewed this week36
Worth a look
All 128
Butcher restock alerts
Turns repeat phone questions into an opt-in subscription.
Local commerce6 sources
Shuttle route drafts
Builds a term's schedule from addresses and class times.
Local B2B4 sources
Revision diff viewer
Lines reviewer comments up against the edited manuscript.
Research tools5 sources
Comparison
Sorted by evidence
01
Butcher restock alertsSMS subscription for a single shop
DifficultyLowAnchor$9/moSources6
Open
02
Shuttle route draftsDraft schedules from addresses
DifficultyMedAnchor$49/moSources4
Open
Work emailyou@studio.comWe only use this to send the weekly brief.
MarketLocal commercePick the closest match; you can change it later.
Subscribe
Good for: Nurseries and primary schools, childcare apps, parent communication, after-school clubs, family services Avoid for: Enterprise software, finance, anything that must read as neutral or institutional
Claude Opus 5#theme-rust-freight
Rust Freight
Stone, iron and a slate blue that came from somewhere else
NorthfieldSearchSubmit
Featured this week
A headline that has to carry the whole typeface
One honest sentence about the thing, set at the reading size the system actually ships.
Read the briefSave for later
Verified ideas128
Evidence sources1,204
Median price anchor$14
Reviewed this week36
Worth a look
All 128
Butcher restock alerts
Turns repeat phone questions into an opt-in subscription.
Local commerce6 sources
Shuttle route drafts
Builds a term's schedule from addresses and class times.
Local B2B4 sources
Revision diff viewer
Lines reviewer comments up against the edited manuscript.
Research tools5 sources
Comparison
Sorted by evidence
01
Butcher restock alertsSMS subscription for a single shop
DifficultyLowAnchor$9/moSources6
Open
02
Shuttle route draftsDraft schedules from addresses
DifficultyMedAnchor$49/moSources4
Open
Work emailyou@studio.comWe only use this to send the weekly brief.
MarketLocal commercePick the closest match; you can change it later.
Subscribe
Good for: Logistics and shipping, manufacturing, inventory, trades and field service Avoid for: Consumer wellness, luxury, anything that should feel new
Claude Opus 5#theme-sable-court
Sable Court
There is no second colour anywhere in this system
NorthfieldSearchSubmit
Featured this week
A headline that has to carry the whole typeface
One honest sentence about the thing, set at the reading size the system actually ships.
Read the briefSave for later
Verified ideas128
Evidence sources1,204
Median price anchor$14
Reviewed this week36
Worth a look
All 128
Butcher restock alerts
Turns repeat phone questions into an opt-in subscription.
Local commerce6 sources
Shuttle route drafts
Builds a term's schedule from addresses and class times.
Local B2B4 sources
Revision diff viewer
Lines reviewer comments up against the edited manuscript.
Research tools5 sources
Comparison
Sorted by evidence
01
Butcher restock alertsSMS subscription for a single shop
DifficultyLowAnchor$9/moSources6
Open
02
Shuttle route draftsDraft schedules from addresses
DifficultyMedAnchor$49/moSources4
Open
Work emailyou@studio.comWe only use this to send the weekly brief.
MarketLocal commercePick the closest match; you can change it later.
Subscribe
Good for: Law, archives, private banking, long-form reports, heritage brands Avoid for: Products that need status colours, dashboards, anything with alerts
Claude Opus 5#theme-seed-index
Seed Index
Cool all the way through, and easy to order from.
NorthfieldSearchSubmit
Featured this week
A headline that has to carry the whole typeface
One honest sentence about the thing, set at the reading size the system actually ships.
Read the briefSave for later
Verified ideas128
Evidence sources1,204
Median price anchor$14
Reviewed this week36
Worth a look
All 128
Butcher restock alerts
Turns repeat phone questions into an opt-in subscription.
Local commerce6 sources
Shuttle route drafts
Builds a term's schedule from addresses and class times.
Local B2B4 sources
Revision diff viewer
Lines reviewer comments up against the edited manuscript.
Research tools5 sources
Comparison
Sorted by evidence
01
Butcher restock alertsSMS subscription for a single shop
DifficultyLowAnchor$9/moSources6
Open
02
Shuttle route draftsDraft schedules from addresses
DifficultyMedAnchor$49/moSources4
Open
Work emailyou@studio.comWe only use this to send the weekly brief.
MarketLocal commercePick the closest match; you can change it later.
Subscribe
Good for: Nursery and grocery catalogues, subscription boxes, wellness commerce, product indexes, order forms Avoid for: Finance and enterprise tooling, dark-mode-first products, high-urgency alerting
Claude Opus 5#theme-shortwave-desk
Shortwave Desk
Dark, but with the lamp on.
NorthfieldSearchSubmit
Featured this week
A headline that has to carry the whole typeface
One honest sentence about the thing, set at the reading size the system actually ships.
Read the briefSave for later
Verified ideas128
Evidence sources1,204
Median price anchor$14
Reviewed this week36
Worth a look
All 128
Butcher restock alerts
Turns repeat phone questions into an opt-in subscription.
Local commerce6 sources
Shuttle route drafts
Builds a term's schedule from addresses and class times.
Local B2B4 sources
Revision diff viewer
Lines reviewer comments up against the edited manuscript.
Research tools5 sources
Comparison
Sorted by evidence
01
Butcher restock alertsSMS subscription for a single shop
DifficultyLowAnchor$9/moSources6
Open
02
Shuttle route draftsDraft schedules from addresses
DifficultyMedAnchor$49/moSources4
Open
Work emailyou@studio.comWe only use this to send the weekly brief.
MarketLocal commercePick the closest match; you can change it later.
Subscribe
Good for: Monitoring and observability, radio and audio tools, log analysis, on-call consoles, night-shift software Avoid for: Marketing sites, print-like editorial, anything read in bright sunlight
Claude Opus 5#theme-signal-pop
Signal Pop
Loud, friendly, physical — buttons you can almost press with a thumb
NorthfieldSearchSubmit
Featured this week
A headline that has to carry the whole typeface
One honest sentence about the thing, set at the reading size the system actually ships.
Read the briefSave for later
Verified ideas128
Evidence sources1,204
Median price anchor$14
Reviewed this week36
Worth a look
All 128
Butcher restock alerts
Turns repeat phone questions into an opt-in subscription.
Local commerce6 sources
Shuttle route drafts
Builds a term's schedule from addresses and class times.
Local B2B4 sources
Revision diff viewer
Lines reviewer comments up against the edited manuscript.
Research tools5 sources
Comparison
Sorted by evidence
01
Butcher restock alertsSMS subscription for a single shop
DifficultyLowAnchor$9/moSources6
Open
02
Shuttle route draftsDraft schedules from addresses
DifficultyMedAnchor$49/moSources4
Open
Work emailyou@studio.comWe only use this to send the weekly brief.
MarketLocal commercePick the closest match; you can change it later.
One honest sentence about the thing, set at the reading size the system actually ships.
Read the briefSave for later
Verified ideas128
Evidence sources1,204
Median price anchor$14
Reviewed this week36
Worth a look
All 128
Butcher restock alerts
Turns repeat phone questions into an opt-in subscription.
Local commerce6 sources
Shuttle route drafts
Builds a term's schedule from addresses and class times.
Local B2B4 sources
Revision diff viewer
Lines reviewer comments up against the edited manuscript.
Research tools5 sources
Comparison
Sorted by evidence
01
Butcher restock alertsSMS subscription for a single shop
DifficultyLowAnchor$9/moSources6
Open
02
Shuttle route draftsDraft schedules from addresses
DifficultyMedAnchor$49/moSources4
Open
Work emailyou@studio.comWe only use this to send the weekly brief.
MarketLocal commercePick the closest match; you can change it later.
Subscribe
Good for: Research and analysis, policy and strategy, investor reporting, internal memos Avoid for: Consumer commerce, playful products, anything with heavy imagery
Claude Opus 5#theme-sleeve-notes
Sleeve Notes
Square, because the object is.
NorthfieldSearchSubmit
Featured this week
A headline that has to carry the whole typeface
One honest sentence about the thing, set at the reading size the system actually ships.
Read the briefSave for later
Verified ideas128
Evidence sources1,204
Median price anchor$14
Reviewed this week36
Worth a look
All 128
Butcher restock alerts
Turns repeat phone questions into an opt-in subscription.
Local commerce6 sources
Shuttle route drafts
Builds a term's schedule from addresses and class times.
Local B2B4 sources
Revision diff viewer
Lines reviewer comments up against the edited manuscript.
Research tools5 sources
Comparison
Sorted by evidence
01
Butcher restock alertsSMS subscription for a single shop
DifficultyLowAnchor$9/moSources6
Open
02
Shuttle route draftsDraft schedules from addresses
DifficultyMedAnchor$49/moSources4
Open
Work emailyou@studio.comWe only use this to send the weekly brief.
MarketLocal commercePick the closest match; you can change it later.
Subscribe
Good for: Record labels and music catalogues, streaming and radio, podcast networks, artist discographies Avoid for: Dashboards, forms-heavy admin, anything whose content is not a fixed-ratio object
Claude Opus 5#theme-sprint-board
Sprint Board
The number is the interface.
NorthfieldSearchSubmit
Featured this week
A headline that has to carry the whole typeface
One honest sentence about the thing, set at the reading size the system actually ships.
Read the briefSave for later
Verified ideas128
Evidence sources1,204
Median price anchor$14
Reviewed this week36
Worth a look
All 128
Butcher restock alerts
Turns repeat phone questions into an opt-in subscription.
Local commerce6 sources
Shuttle route drafts
Builds a term's schedule from addresses and class times.
Local B2B4 sources
Revision diff viewer
Lines reviewer comments up against the edited manuscript.
Research tools5 sources
Comparison
Sorted by evidence
01
Butcher restock alertsSMS subscription for a single shop
DifficultyLowAnchor$9/moSources6
Open
02
Shuttle route draftsDraft schedules from addresses
DifficultyMedAnchor$49/moSources4
Open
Work emailyou@studio.comWe only use this to send the weekly brief.
MarketLocal commercePick the closest match; you can change it later.
Subscribe
Good for: Live scoring and leaderboards, fitness and racing, sales boards, competitive analytics, wall displays Avoid for: Long-form reading, settings-heavy apps, anything with a subtle message
Claude Opus 5#theme-studio-vellum
Studio Vellum
Fashion-house editorial — ivory, ink, and expensive emptiness
NorthfieldSearchSubmit
Featured this week
A headline that has to carry the whole typeface
One honest sentence about the thing, set at the reading size the system actually ships.
Read the briefSave for later
Verified ideas128
Evidence sources1,204
Median price anchor$14
Reviewed this week36
Worth a look
All 128
Butcher restock alerts
Turns repeat phone questions into an opt-in subscription.
Local commerce6 sources
Shuttle route drafts
Builds a term's schedule from addresses and class times.
Local B2B4 sources
Revision diff viewer
Lines reviewer comments up against the edited manuscript.
Research tools5 sources
Comparison
Sorted by evidence
01
Butcher restock alertsSMS subscription for a single shop
DifficultyLowAnchor$9/moSources6
Open
02
Shuttle route draftsDraft schedules from addresses
DifficultyMedAnchor$49/moSources4
Open
Work emailyou@studio.comWe only use this to send the weekly brief.
MarketLocal commercePick the closest match; you can change it later.
Subscribe
Good for: Brand sites, agency and studio portfolios, luxury commerce, manifestos, long-form essays Avoid for: Dashboards, dense catalogues, anything with more than a handful of items per screen
Claude Opus 5#theme-supper-club
Supper Club
A menu, printed for tonight.
NorthfieldSearchSubmit
Featured this week
A headline that has to carry the whole typeface
One honest sentence about the thing, set at the reading size the system actually ships.
Read the briefSave for later
Verified ideas128
Evidence sources1,204
Median price anchor$14
Reviewed this week36
Worth a look
All 128
Butcher restock alerts
Turns repeat phone questions into an opt-in subscription.
Local commerce6 sources
Shuttle route drafts
Builds a term's schedule from addresses and class times.
Local B2B4 sources
Revision diff viewer
Lines reviewer comments up against the edited manuscript.
Research tools5 sources
Comparison
Sorted by evidence
01
Butcher restock alertsSMS subscription for a single shop
DifficultyLowAnchor$9/moSources6
Open
02
Shuttle route draftsDraft schedules from addresses
DifficultyMedAnchor$49/moSources4
Open
Work emailyou@studio.comWe only use this to send the weekly brief.
MarketLocal commercePick the closest match; you can change it later.
Subscribe
Good for: Restaurants and wine bars, tasting menus, supper clubs, hospitality booking, chef residencies Avoid for: Delivery apps, anything with hundreds of items, anything needing price comparison
Claude Opus 5#theme-terminal-ledger
Terminal Ledger
Everything is mono, nothing is rounded, every value is greppable
NorthfieldSearchSubmit
Featured this week
A headline that has to carry the whole typeface
One honest sentence about the thing, set at the reading size the system actually ships.
Read the briefSave for later
Verified ideas128
Evidence sources1,204
Median price anchor$14
Reviewed this week36
Worth a look
All 128
Butcher restock alerts
Turns repeat phone questions into an opt-in subscription.
Local commerce6 sources
Shuttle route drafts
Builds a term's schedule from addresses and class times.
Local B2B4 sources
Revision diff viewer
Lines reviewer comments up against the edited manuscript.
Research tools5 sources
Comparison
Sorted by evidence
01
Butcher restock alertsSMS subscription for a single shop
DifficultyLowAnchor$9/moSources6
Open
02
Shuttle route draftsDraft schedules from addresses
DifficultyMedAnchor$49/moSources4
Open
Work emailyou@studio.comWe only use this to send the weekly brief.
MarketLocal commercePick the closest match; you can change it later.
Subscribe
Good for: Developer tools, logs, CI dashboards, infra consoles, CLIs on the web, status pages Avoid for: Consumer products, marketing pages, anything read by non-technical users
Claude Opus 5#theme-ticket-stub
Ticket Stub
Torn along the dotted line.
NorthfieldSearchSubmit
Featured this week
A headline that has to carry the whole typeface
One honest sentence about the thing, set at the reading size the system actually ships.
Read the briefSave for later
Verified ideas128
Evidence sources1,204
Median price anchor$14
Reviewed this week36
Worth a look
All 128
Butcher restock alerts
Turns repeat phone questions into an opt-in subscription.
Local commerce6 sources
Shuttle route drafts
Builds a term's schedule from addresses and class times.
Local B2B4 sources
Revision diff viewer
Lines reviewer comments up against the edited manuscript.
Research tools5 sources
Comparison
Sorted by evidence
01
Butcher restock alertsSMS subscription for a single shop
DifficultyLowAnchor$9/moSources6
Open
02
Shuttle route draftsDraft schedules from addresses
DifficultyMedAnchor$49/moSources4
Open
Work emailyou@studio.comWe only use this to send the weekly brief.
MarketLocal commercePick the closest match; you can change it later.
Subscribe
Good for: Ticketing and check-in, boarding and travel, order confirmations, coupons, event entry Avoid for: Editorial reading, analytics, anything with dense tabular data
Claude Opus 5#theme-tide-table
Tide Table
The quiet page, and the one figure you came for.
NorthfieldSearchSubmit
Featured this week
A headline that has to carry the whole typeface
One honest sentence about the thing, set at the reading size the system actually ships.
Read the briefSave for later
Verified ideas128
Evidence sources1,204
Median price anchor$14
Reviewed this week36
Worth a look
All 128
Butcher restock alerts
Turns repeat phone questions into an opt-in subscription.
Local commerce6 sources
Shuttle route drafts
Builds a term's schedule from addresses and class times.
Local B2B4 sources
Revision diff viewer
Lines reviewer comments up against the edited manuscript.
Research tools5 sources
Comparison
Sorted by evidence
01
Butcher restock alertsSMS subscription for a single shop
DifficultyLowAnchor$9/moSources6
Open
02
Shuttle route draftsDraft schedules from addresses
DifficultyMedAnchor$49/moSources4
Open
Work emailyou@studio.comWe only use this to send the weekly brief.
MarketLocal commercePick the closest match; you can change it later.
Subscribe
Good for: Almanacs and reference data, weather and marine services, timetables, scientific reporting, long tables Avoid for: Consumer marketing, anything that needs urgency, image-led storefronts
Claude Opus 5#theme-tonic-room
Tonic Room
How much, how often, for how long.
NorthfieldSearchSubmit
Featured this week
A headline that has to carry the whole typeface
One honest sentence about the thing, set at the reading size the system actually ships.
Read the briefSave for later
Verified ideas128
Evidence sources1,204
Median price anchor$14
Reviewed this week36
Worth a look
All 128
Butcher restock alerts
Turns repeat phone questions into an opt-in subscription.
Local commerce6 sources
Shuttle route drafts
Builds a term's schedule from addresses and class times.
Local B2B4 sources
Revision diff viewer
Lines reviewer comments up against the edited manuscript.
Research tools5 sources
Comparison
Sorted by evidence
01
Butcher restock alertsSMS subscription for a single shop
DifficultyLowAnchor$9/moSources6
Open
02
Shuttle route draftsDraft schedules from addresses
DifficultyMedAnchor$49/moSources4
Open
Work emailyou@studio.comWe only use this to send the weekly brief.
MarketLocal commercePick the closest match; you can change it later.
Subscribe
Good for: Pharmacy and supplements, prescription refills, health commerce, dosing and adherence apps Avoid for: Fashion, luxury, anything that sells by aspiration rather than by specification
Claude Opus 5#theme-ultra-civic
Ultra Civic
One colour and its tint. A second hue would be a bug.
NorthfieldSearchSubmit
Featured this week
A headline that has to carry the whole typeface
One honest sentence about the thing, set at the reading size the system actually ships.
Read the briefSave for later
Verified ideas128
Evidence sources1,204
Median price anchor$14
Reviewed this week36
Worth a look
All 128
Butcher restock alerts
Turns repeat phone questions into an opt-in subscription.
Local commerce6 sources
Shuttle route drafts
Builds a term's schedule from addresses and class times.
Local B2B4 sources
Revision diff viewer
Lines reviewer comments up against the edited manuscript.
Research tools5 sources
Comparison
Sorted by evidence
01
Butcher restock alertsSMS subscription for a single shop
DifficultyLowAnchor$9/moSources6
Open
02
Shuttle route draftsDraft schedules from addresses
DifficultyMedAnchor$49/moSources4
Open
Work emailyou@studio.comWe only use this to send the weekly brief.
MarketLocal commercePick the closest match; you can change it later.
Subscribe
Good for: Government and civic services, transit, universities, public information, forms at scale Avoid for: Luxury retail, entertainment, anything that needs more than two semantic colours
Claude Opus 5#theme-violet-hour
Violet Hour
Doors at eight. Everything in caps.
NorthfieldSearchSubmit
Featured this week
A headline that has to carry the whole typeface
One honest sentence about the thing, set at the reading size the system actually ships.
Read the briefSave for later
Verified ideas128
Evidence sources1,204
Median price anchor$14
Reviewed this week36
Worth a look
All 128
Butcher restock alerts
Turns repeat phone questions into an opt-in subscription.
Local commerce6 sources
Shuttle route drafts
Builds a term's schedule from addresses and class times.
Local B2B4 sources
Revision diff viewer
Lines reviewer comments up against the edited manuscript.
Research tools5 sources
Comparison
Sorted by evidence
01
Butcher restock alertsSMS subscription for a single shop
DifficultyLowAnchor$9/moSources6
Open
02
Shuttle route draftsDraft schedules from addresses
DifficultyMedAnchor$49/moSources4
Open
Work emailyou@studio.comWe only use this to send the weekly brief.
MarketLocal commercePick the closest match; you can change it later.
Subscribe
Good for: Nightlife and music listings, festivals, club and venue sites, launch pages, youth brands Avoid for: Finance, healthcare, enterprise tools, anything requiring a sober voice
Navigation · 8
Split rule mastheadnav-split-rule
Editorial masthead: wordmark left, links right, one hairline under the lot. The active link is marked by a rule that draws in from the left.
MotionEach link carries a 1px underline scaled to 0 on the x axis with a left origin; hover and the current page scale it to 1 over var(--dur) with var(--ease). Because it is a transform, it never reflows text. Under prefers-reduced-motion the underline is simply present or absent.
A11yNav is wrapped in <nav aria-label>. The current page uses aria-current="page" and is not a link target visually only — the underline is paired with a weight change so colour and motion are never the sole signal.
Floating pill barnav-floating-pill
A detached bar hovering above the page with a sliding indicator behind the active item. Reads as an object rather than a page edge.
MotionThe indicator is one absolutely-positioned element moved with translate3d + width, so only compositor properties animate. Clicking a tab measures the target with getBoundingClientRect and slides over var(--dur) at var(--ease); the first paint is set without transition so it does not fly in from 0.
A11yrole="tablist" with roving tabindex; Left/Right arrows move focus and selection, Home/End jump to the ends. The indicator is aria-hidden — selection is carried by aria-selected.
Prompt path barnav-command-bar
Navigation as a shell prompt: a caret, a slash-separated path, and keyboard hints on the right. Location is text you can select and copy.
>_/ searchgd deploys
MotionThe caret blinks on a 1.06s step animation — a step timing, not a fade, because a terminal cursor does not ease. Segments invert foreground and background on hover with no transition at all; instant response is the point. prefers-reduced-motion stops the blink and leaves the caret solid.
A11yThe path is a real <nav aria-label="Breadcrumb"> ordered list with aria-current="page" on the last crumb. The kbd hints are <kbd> elements and the shortcut they describe is bound, not decorative.
Mega drawernav-mega-drawer
A top-level item opens a full-width panel of grouped links with a lead image. For catalogues too broad for a dropdown.
MotionThe panel animates grid-template-rows 0fr to 1fr plus opacity, which gives a real height transition without measuring anything in JS. It opens on click, not hover, so it cannot flicker as the pointer crosses it, and closes on Escape or an outside click.
A11yThe trigger is a button with aria-expanded and aria-controls. Escape closes and returns focus to the trigger. Links inside are unreachable by Tab while closed because the panel is inert via hidden until expanded.
Icon rail with flyoutnav-icon-rail
A 64px vertical rail of icons with a label flyout on hover or focus. Buys back horizontal space on dense tools.
Workspace content
MotionThe flyout translates 6px in from the left and fades in over var(--dur-fast); it is opacity plus transform only, so the rail never reflows. The active bar slides between items rather than each item drawing its own, so the eye can follow where selection went.
A11yEach item is a link with an accessible name from a visually persistent label in the flyout, not a title attribute. The flyout appears on :focus-visible as well as :hover, so keyboard users get the same information.
Reading progress headernav-scroll-progress
A sticky header that condenses as you scroll and carries a reading-progress line along its bottom edge.
The Northfield ReviewIssue 14
Scroll this column. The masthead condenses over the first 120 pixels and the rule beneath it tracks how far through the piece you are.
A progress indicator earns its place only when the thing being measured is long enough that a reader might wonder. On a short page it is decoration, and decoration that moves is worse than decoration that does not.
The bar is a scaleX transform on a one-pixel element. There is no layout work per frame, which is why it stays smooth while the text above it is also resizing.
When the reader has reached the end, the bar is full and then it stops being interesting — so it does not animate, pulse, or celebrate.
MotionProgress uses a scaleX transform driven by scroll position, so it composites instead of laying out. The header height and the wordmark size interpolate between two states across the first 120px of scroll. Under prefers-reduced-motion the condense step is instant and the bar still tracks position.
A11yThe progress line is decorative and aria-hidden; the same information is announced by a visually hidden live region that reports percentage at 25% steps rather than on every frame.
Morphing segmented controlnav-segment-morph
A segmented switch whose indicator stretches toward the target before settling, so the movement reads as one object rather than a jump.
MotionOn selection the indicator first grows to span both the old and new segment, then contracts onto the new one — two rAF-sequenced steps of var(--dur-fast) and var(--dur). The stretch is what makes it feel elastic without any spring library. Reduced motion skips the stretch and moves directly.
A11yImplemented as a radiogroup: each segment is an <input type=radio> with a visible <label>, so it works with no JavaScript at all and the indicator is purely visual enhancement.
Breadcrumbs with sibling jumpnav-crumb-siblings
Every crumb is also a menu of its siblings, so you can move across the tree instead of only up it.
MotionThe sibling menu uses the native popover API where available and falls back to a hidden attribute, so it sits in the top layer with no z-index arithmetic. It fades and lifts 4px over var(--dur-fast); the chevron rotates 180deg on the same timing so the two read as one gesture.
A11yThe crumb text stays a plain link; the disclosure is a separate button with its own accessible name ("Sibling pages of eu-west-2"), so a screen-reader user never loses the ability to just follow the crumb.
Heroes · 10
Overlapping platehero-overlap-plate
A photograph on the right that the headline block deliberately overlaps, so the two planes interlock instead of sitting in tidy columns.
Field notes, issue 14
The shop that answered the same question ninety times
How one butcher turned a phone call nobody wanted to make into a subscription people pay for.
MotionOn hover the plate scales its inner image to 1.04 over var(--dur-slow) while the frame stays put, so the crop moves rather than the layout. The copy card lifts 3px on the same timing. Both are transform-only; prefers-reduced-motion removes them entirely.
A11yThe photograph is content, not decoration, so it carries real alt text. The copy card sits above it in DOM order too, which means the reading order matches the visual order without any positional trickery.
Offset editorialhero-editorial-offset
Twelve columns, deliberately unbalanced: the headline takes columns one to seven, the standfirst drops to nine through twelve and sits much lower.
Small markets, priced and proven
One hundred and twenty-eight ideas that somebody already pays for, each with the evidence attached and the price someone actually charges.
Autumn edition · 128 entries
MotionNothing moves on load beyond a staggered fade-and-rise: headline at 0ms, standfirst at 90ms, rule at 180ms, each over var(--dur-slow). The stagger is what makes it read as a composition being laid down rather than a page appearing. Reduced motion shows all three immediately.
A11yThe visual offset is grid placement only — DOM order is headline, standfirst, meta, so screen readers and tab order follow the intended reading sequence rather than the column positions.
Marquee bandhero-marquee-band
A headline with a continuously scrolling band of proof points beneath it — a ticker that reads as a texture rather than a list.
Evidence first, opinions later
Every entry carries its sources, its price anchor and the reason somebody thought it was worth writing down.
1,204sources cited·128verified ideas·$14median anchor·36reviewed this week·11solo-buildable·
1,204sources cited·128verified ideas·$14median anchor·36reviewed this week·11solo-buildable·
MotionThe band is one strip duplicated and translated across its own width on a linear loop, which is the only way to get a seam-free marquee without JavaScript. Hovering pauses it via animation-play-state so anything on it stays readable. prefers-reduced-motion stops it and lets the strip scroll horizontally by hand instead.
A11yThe duplicate strip is aria-hidden so nothing is announced twice. The band is scrollable by keyboard because it keeps overflow-x auto, and pausing on hover means the content is reachable by pointer users too.
Ledger herohero-stat-ledger
No image, no promise — the hero is the numbers themselves, ruled like an accounts page, with the headline as a single line above.
The ledger, as of this morning
Recomputed nightly. Every figure links to the query that produced it.
Verified ideas
0
+6
Evidence sources
0
+41
Priced ideas
0
+3
Expert reviews complete
0
—
MotionEach figure counts from zero to its value over 900ms with an ease-out curve, staggered 70ms apart down the column, and the count runs only once when the block first scrolls into view. Under prefers-reduced-motion the final values render immediately with no counting at all.
A11yEach row is a definition-list pair, so the label and value stay associated. During counting the value carries aria-live="off" and the final number is written to the DOM once, so assistive tech is never read a stream of intermediate numbers.
Collage parallaxhero-collage-parallax
Three photographs stacked at different depths that drift against each other as the pointer moves, with the headline pinned between the layers.
Look at the work
Every entry starts as a photograph of somebody's actual problem.
MotionPointer position maps to a translate of at most 14px, with each layer scaled by its own depth factor so the parallax reads as three distinct planes. Movement is damped by lerping toward the target each frame rather than jumping, and the whole listener is never attached at all when prefers-reduced-motion is set or the device is coarse-pointer.
A11yParallax is enhancement only — the layout is complete and legible with no pointer at all. Images carry alt text; the decorative frame behind them is aria-hidden.
Typed terminalhero-typed-terminal
The value proposition arrives as a command being typed, with real output printed underneath. For products whose users live in a shell.
MotionCharacters are appended on a 34ms interval with a 420ms pause at punctuation, then the output block prints line by line at 90ms intervals. The cursor blinks on step timing. With prefers-reduced-motion the full command and output are present on first paint and nothing types.
A11yThe typing target is aria-hidden and a complete, static copy of the same text sits in a visually hidden element, so assistive technology reads the finished sentence once instead of following every keystroke.
Fanning card deckhero-card-deck
A stack of cards that fans out when you hover or focus it, showing what is inside the product without needing a screenshot.
Three a week, each one already paid for
Hover the deck. Every entry is a problem somebody is currently solving badly, with the price they pay to solve it badly attached.
MotionThe three cards sit stacked with small rotations. On hover or keyboard focus within the deck they translate and rotate apart over var(--dur) with a 40ms stagger, so the fan opens in sequence rather than all at once. Purely transform, and disabled by prefers-reduced-motion, where the cards render pre-fanned instead.
A11yEach card is a link, so the deck is reachable and openable by keyboard; :focus-within triggers the same fan as hover, which means a keyboard user is never looking at an overlapped, unreadable stack.
Full-bleed duotonehero-duotone-bleed
An edge-to-edge photograph pushed through the theme primary as a duotone, with type sitting directly on it in a blend mode.
The review desk
Read the argument before you read the verdict
Every brief opens with the thesis and the evidence behind it. The judgements come last, and they are signed.
MotionThe image scales from 1.06 to 1 over 1.2s on first paint — a slow settle rather than a pan — and the duotone overlay fades from full to its resting opacity over the same window. Both are compositor properties. Reduced motion renders the settled state on the first frame.
A11yBecause text sits on an image, a solid scrim is applied under the copy column rather than relying on the duotone alone, so the contrast ratio is guaranteed by the scrim and not by whatever the photograph happens to contain.
Question and revealhero-question-reveal
A single blunt question at display size; the answer is hidden until you ask for it, which makes reading it a decision rather than a scroll.
Why does every good small business idea look boring?
Show meHide
Because the interesting part is not the idea, it is the repetition. Somebody answers the same question ninety times a month and has quietly decided that is just the job. The boring surface is what keeps the competition away.
MotionThe answer expands with a grid-template-rows 0fr to 1fr transition plus a small rise, so the height animates without any JavaScript measurement. The trigger label crossfades between "Show me" and "Hide". Duration is var(--dur-slow) because a reveal that is too quick feels like a glitch rather than an unfolding.
A11yA native <details> element does the work, so it opens without JavaScript, is announced correctly as a disclosure, and responds to Enter and Space with no key handling of our own. The marker is replaced visually but never removed from the accessibility tree.
Scroll-masked headlinehero-scroll-mask
The headline is revealed word by word as the block scrolls through the viewport, so the first sentence is paced by the reader rather than the page.
Scroll inside the frame
Nobodyneedsanotheridea.Theyneedthereceipt.
So every entry ships with its sources, the price somebody already charges, and an honest note about who it would be a bad fit for.
MotionEach word starts at 22% opacity and rises to full as its own scroll trigger passes, driven by one IntersectionObserver per word with a tight rootMargin band rather than a scroll listener, so there is no per-frame work. Reduced motion renders every word at full opacity immediately and removes the observers.
A11yThe words are plain inline spans inside a single heading, so the accessible name of the h2 is the complete sentence at all times regardless of how much has been revealed visually.
Cards · 12
Numbered zine cardcard-zine-numbered
Rank first and enormous, set in mono, with the metadata as a labelled grid at the foot. Reads like a printed countdown.
Reviewer comments lined up beside the manuscript they changed.
Market
Research
Difficulty
High
Anchor
$12/mo
Sources
5
MotionHover moves nothing. The numeral shifts from muted to the accent colour and the top rule thickens from 1px to 3px via border-width, both over var(--dur). Themes built on paper and rules should not float, and this card is the demonstration of that rule.
A11yThe rank numeral is inside the heading link as visually-hidden-prefixed text ("Number 01,"), so the accessible name reads as a ranked item rather than a stray digit floating before a title.
Catalogue portrait cardcard-catalog-portrait
Image first at a fixed 4:3 crop, then a title, one sentence, and a provenance line. The whole card is one click target.
MotionThe card rises 4px and its shadow spreads over var(--dur); inside it, the image scales to 1.05 on a longer var(--dur-slow) so the picture keeps moving fractionally after the card has settled. That small desynchronisation is what stops it feeling mechanical.
A11yOne anchor wraps the whole card so there is a single tab stop, not four. The focus ring is drawn on the card, not the image, and the badge text is part of the link name rather than a decorative overlay.
Comparison record rowcard-record-row
Fixed-height rows with an unchanging column order, so the eye can travel straight down any one attribute instead of re-reading each card.
MotionHover fills the row with the secondary tone and reveals the trailing action by opacity — nothing translates, because a list you are scanning vertically must not twitch horizontally. The status bar on the left is static; it is information, not feedback.
A11yRows are list items with a heading each, and the trailing action is a real link that is opacity-hidden but never display:none, so it stays in the tab order and appears on :focus-within.
Bento gridcard-bento-mixed
Tiles of deliberately unequal size and content type — a stat, a photograph, a quote, a list — packed into one asymmetric block.
This week
"They were answering the same question ninety times a month and had stopped noticing."
Field note 14 — local commerce
Verified
128
Sources
1,204
Top markets
Local commerce 24
Research tools 19
Median
$14
MotionEach tile lifts 2px on hover with a 0ms delay but a per-tile transition duration derived from its area, so the large tiles feel heavier than the small ones. Small detail, but it is why a bento grid can feel physical instead of like a spreadsheet.
A11yThe grid is a list. Tiles that are purely presentational (the photo, the texture block) are marked aria-hidden so a screen-reader user gets four meaningful items rather than seven, two of which say nothing.
Peeking stackcard-stack-peek
Items collapsed into a stack with only their headers peeking out; opening one pushes the rest down instead of covering them.
The shop already keeps a list of who wants what. The list lives in a notebook and in one person’s head, and it stops working the week they are on holiday.
DifficultyLowAnchor£9/mo
Every term somebody rebuilds the same schedule from a spreadsheet of addresses. The constraints barely change; the labour repeats in full.
DifficultyMediumAnchor£49/mo
Reviewers write against line numbers that move. Authors reply against a document that has changed twice since. Nobody is reading the same thing.
DifficultyHighAnchor$12/mo
MotionOpening animates grid-template-rows from 0fr to 1fr, so the push-down is a real height transition with no measured pixel values and no jump when the content changes. Only one item is open at a time; closing the previous one starts on the same frame so the two heights cross rather than queue.
A11yBuilt as a set of buttons with aria-expanded and aria-controls over region-labelled panels. It is not a native accordion widget, so arrow keys are deliberately not hijacked — Tab moves between headers exactly as a user expects from a list of disclosures.
Flip-to-detail cardcard-flip-detail
A summary on the front and the numbers on the back. The flip is a deliberate request for detail rather than a hover accident.
MotionA 3D rotateY over var(--dur-slow) on a preserve-3d container, triggered by click and by Enter or Space — never by hover, because a card that flips as your pointer crosses it is unreadable. Under prefers-reduced-motion the two faces crossfade in place instead of rotating.
A11yThe flipper is a button with aria-pressed. The hidden face has visibility:hidden rather than only backface-visibility, so its links are genuinely removed from the tab order rather than being invisible but focusable.
Masonry note wallcard-masonry-notes
Uneven-height notes flowing down CSS columns, like a pinboard. Good for quotes, findings and anything that resists a uniform size.
Interview
"We just tell them to ring on Thursday"
Three shops in the same street had independently invented the same workaround, and none of them thought of it as a workaround.
— shop 2 of 3
Pricing
The £9 ceiling
Above it the shop wants a meeting. Below it they will try it the same afternoon.
Objection
"Who updates it?"
Every single conversation reached this question inside four minutes. It is the product, not an FAQ entry.
Signal
Ninety calls a month
Counted from one shop's call log over six weeks, not estimated.
— logged, not guessed
Scope
No till integration
The first version has the owner flipping a switch. Every integration conversation added a month and removed a customer.
MotionNotes rotate a fraction of a degree at rest — each a different amount, derived from its index — and straighten to 0deg on hover over var(--dur). The wall looks pinned rather than typeset, and the straightening is what tells you which one you are pointing at.
A11yCSS columns keep DOM order, so reading order is preserved. Rotation is applied by CSS only and is removed under prefers-reduced-motion, since even a one-degree tilt is a problem for some readers with vestibular sensitivity.
Perforated ticketcard-ticket-perf
A card shaped like a torn stub — notches punched into both edges and a dashed perforation between the body and the counterfoil.
Field visit
Northfield Butchers
Six weeks of call logs, one afternoon on the counter.
14 Nov09:30
NF-0412
Review slot
Revision diff viewer
Two experts, ninety minutes, verdicts published.
19 Nov15:00
NF-0417
MotionOn hover the stub separates: the counterfoil translates 4px to the right and the perforation dashes shift by one dash-length, so the tear reads as beginning to come apart. It settles back over var(--dur) and does nothing under reduced motion.
A11yThe notches and perforation are drawn with a radial-gradient background and a border, never as extra DOM nodes, so nothing decorative reaches the accessibility tree. The barcode is an <img> with alt text carrying the reference number as real text as well.
Split comparison cardcard-compare-split
One card holding two options side by side with a shared spine of attribute labels down the middle, so differences line up horizontally.
Option A
Butcher restock alerts
versus
Option B
Shuttle route drafts
£9/mo
Anchor
£49/mo
Low
Difficulty
Medium
6
Sources
4
Weekly
Use frequency
Termly
Yes
Solo-buildable
Yes
MotionHovering either column raises its background to the card tone and dims the other to 55% opacity over var(--dur), so comparison becomes a deliberate act of attention. Nothing moves; only emphasis shifts.
A11yThe spine labels are real table headers in a two-column table with scope="row", which means a screen reader announces "Anchor, nine pounds a month" rather than reading two disconnected columns of numbers.
Timeline railcard-timeline-rail
Entries hung off a vertical rail with dated nodes, so a sequence reads as a sequence rather than as a list that happens to be sorted.
Six weeks of call logs collected
Counted, not estimated — one shop, every inbound call, categorised by hand.
Evidence
Three shops interviewed
All three had independently invented the same notebook workaround.
Interview
Price anchor confirmed at £9
Above it they want a meeting; below it they will try it the same afternoon.
Pricing
Expert review scheduled
Two reviewers, ninety minutes, verdicts published with the brief.
Upcoming
MotionThe rail draws itself from top to bottom with a scaleY transform over 700ms on first view, and each node pops from 0.6 to 1 scale staggered 90ms behind the line reaching it. Drawing the line before the nodes is what makes it read as a timeline being traced rather than items fading in.
A11yAn ordered list with <time datetime> on each date, so dates are machine-readable and the sequence is conveyed structurally rather than only by the drawn rail, which is aria-hidden.
Reveal-on-hover tilecard-hover-reveal-meta
A photographic tile that shows only its title until you approach it, then slides its metadata up from beneath the caption.
MotionThe caption block translates up by exactly the height of the hidden metadata using a translate of its own measured height in ch-free terms — a max-height-free approach using a wrapper with transform. Runs on hover and on focus-within so keyboard users get it too.
A11yThe metadata is always present in the DOM and never display:none, so it is always announced; only its visual position changes. The whole tile is a single link, giving one tab stop and one accessible name.
Status board columncard-status-board
Kanban-style columns of small cards, each column headed with a live count. The board is the layout, not a decoration on top of a list.
Drag a card, or focus one and press Enter, then Left and Right to move it.
MotionCards are draggable between columns with the HTML5 drag-and-drop API. The drop target column raises its background and dashes its border while a card is over it; the dragged card drops to 45% opacity. Counts update on drop. Keyboard users move cards with the arrow keys after pressing Enter on a card.
A11yEach column is a labelled region with an aria-live count. Cards are focusable, and Enter picks up a card while Left and Right move it between columns, so the board is fully operable without a pointer — drag and drop alone is never sufficient.
Data · 12
Sortable ledger tabledata-ledger-table
Ruled rows, mono tabular figures, right-aligned numerics, sortable headers. The plainest possible table, done properly.
0417
Shuttle route drafts
Local B2B
49.00
4
0412
Butcher restock alerts
Local commerce
9.00
6
0409
Revision diff viewer
Research
12.00
5
0431
Kit price watcher
Resale
4.00
3
0433
Rooms nobody books
Hospitality
29.00
5
MotionSorting reorders the DOM with no animation at all, because rows that fly between positions make a sorted table harder to read, not easier. The only motion is the sort caret rotating 180deg over var(--dur-fast). The sorted column header takes the foreground colour so the sort key is obvious after the rows have moved.
A11yHeaders are <th scope="col"> wrapped in buttons carrying aria-sort of ascending, descending or none. A visually hidden live region announces "Sorted by anchor, descending" after each sort, since the visual reorder is invisible to a screen reader.
Small-multiples sparklinesdata-sparkline-grid
The same chart repeated at small size across many series, sharing one y-scale so the shapes are honestly comparable.
Sources / week41
Ideas verified128
Median anchor$14
Reviews done39
MotionEach line draws itself left to right using stroke-dasharray and dashoffset over 800ms, staggered 80ms per tile. Hovering a tile lifts its line to the primary colour and shows the last value; nothing resizes. Reduced motion renders the lines complete.
A11yEach sparkline SVG has role="img" and an aria-label stating the series name, its range and its direction ("Sources per week, 3 to 9, rising"), which is what a sighted reader takes from the shape anyway.
Grouped bar chartdata-bar-grouped
Two series per category as flat CSS bars on a shared baseline, with the gridlines behind rather than on top.
Sources gathered per market
This quarterLast quarter
92 / 61
74 / 78
41 / 22
33 / 30
58 / 35
LocalResearchResaleCreatorHospitality
Sources gathered per market
Market
This quarter
Last quarter
Local
92
61
Research
74
78
Resale
41
22
Creator
33
30
Hospitality
58
35
MotionBars grow from the baseline using a scaleY transform with a transform-origin at the bottom, staggered 60ms per group, so the groups arrive left to right. Hovering a group dims the others to 40% and reveals the exact values above the bars. No tooltips that follow the cursor — the readout is anchored to the bar.
A11yThe chart is accompanied by a visually hidden data table carrying every value, which is the only reliable way to make a chart readable by screen reader. Bars themselves are aria-hidden so the numbers are not read twice.
Conic donut with legenddata-donut-legend
A single conic-gradient ring with an interactive legend — no SVG arcs, no library, and the centre carries the figure that matters.
128Verified ideas
Local commerce5644%
Research tools3326%
Resale2116%
Creator economy1814%
MotionThe ring sweeps in by animating a mask from 0 to 360 degrees over 900ms. Hovering a legend row lifts that segment out by 3px using a scaled pseudo-element ring, and the centre readout swaps to that segment's value and label with a 120ms crossfade.
A11yThe ring is aria-hidden; the legend is a real list where each row states the label, the value and the percentage as text. That means the legend alone is a complete account of the chart.
Calendar heatmapdata-heatmap-calendar
A year of activity as a grid of week-columns, using opacity steps of a single theme colour rather than a rainbow.
Sources logged, last 26 weeks
LessMore
MotionCells scale to 1.35 on hover with the readout appearing above the grid rather than as a floating tooltip, so it never covers neighbouring cells. Fill uses four opacity steps of one colour; a multi-hue scale would imply categories where there is only magnitude.
A11yEvery cell is a <td> with an accessible title of the form "3 sources on 14 November", and the whole grid is a table with row and column headers, so it can be navigated cell by cell with a screen reader in table mode.
KPI tiles with deltadata-kpi-delta
Four headline figures, each with its change since last period expressed as both an arrow and a signed number.
Verified ideas
0
↑ +6
Sources cited
0
↑ +41
Median anchor
$0
→ 0
Open reviews
0
↓ −3
MotionValues count up over 800ms with an ease-out curve when the block first enters the viewport, and the delta chip fades and rises 6px 200ms behind its number, so the change lands after the value it describes. Counting is skipped entirely under prefers-reduced-motion.
A11yDirection is never carried by colour alone: every delta has an arrow glyph and a signed number. The final value is written once to the DOM, and the tiles are a definition list so label and figure stay paired.
Leaderboard barsdata-leaderboard-bars
A ranked list where the bar is the row background rather than a separate graphic, so the label sits inside its own measurement.
Local commerce56
Research tools33
Resale21
Creator economy18
Hospitality12
MotionEach bar grows horizontally from the left using scaleX with a left transform-origin, staggered 70ms down the list. Because the fill is a background layer behind the text, the label never stretches with the bar — a common failure when the bar and the label share a transform.
A11yEach row is a meter with role="meter", aria-valuenow, aria-valuemin and aria-valuemax, so the proportion is available without relying on the visual bar length.
Step progress ledgerdata-progress-steps
A numbered pipeline where each step states its own status in words, not just a colour, and the connector fills as steps complete.
✓
Sources gathered
Complete
✓
Interviews done
Complete
3
Price anchored
In progress
4
Expert review
Not started
MotionThe connector between completed steps fills left to right with a scaleX transform, 400ms per segment, chained so the line advances one step at a time rather than all segments filling together. The current step's ring pulses once and then stops — a permanent pulse becomes wallpaper.
A11yAn ordered list with each step's status written out ("Complete", "In progress", "Not started") and aria-current="step" on the active one. Colour is redundant with the words and the icon in every state.
Arc gaugedata-gauge-arc
A 240-degree SVG arc for a single bounded measure, with the threshold marked on the track rather than implied by colour.
62Evidence coverage
78Price confidence
41Solo feasibility
MotionThe arc fills by animating stroke-dashoffset over 900ms, and the numeric readout counts in step with it so the two never disagree mid-animation. The threshold tick is drawn on the track and does not move, which is the point of a gauge as opposed to a bar.
A11yrole="meter" with aria-valuenow, aria-valuemin, aria-valuemax and aria-valuetext of "62 of 100, above the 50 threshold", so the threshold relationship — the actual question being asked — is spoken, not inferred.
Live log streamdata-log-stream
Appending log lines with a status bar per row, an autoscroll that yields the moment you scroll up yourself, and a pause control.
ingest / deploy-48120 lines
MotionNew lines append every 1.4s with no entrance animation — a log that fades each line in is unreadable at speed. Autoscroll only follows when the view is already within 40px of the bottom, so scrolling up to read never fights the stream. Pause stops appends entirely rather than just stopping the scroll.
A11yThe stream is aria-live="off" by design: announcing every line would flood a screen reader. The pause button reports state with aria-pressed, and the line count is exposed through a polite live region that updates at most every few seconds.
Conversion funneldata-funnel-steps
Stacked bands narrowing down the page, each labelled with both its absolute count and its drop from the step above.
Saw the brief4,120—
Opened evidence1,880−54%
Read a verdict742−61%
Started building196−74%
Saw the brief
4,120
100%
Opened evidence
1,880
46%
Read a verdict
742
18%
Started building
196
5%
MotionBands widen from their centre with a scaleX transform staggered 90ms apart, top to bottom, so the funnel is drawn in the direction users actually move through it. The drop percentages fade in last, after the shape has settled.
A11yA definition list underneath carries every stage, count and drop as text. The bands are aria-hidden, since a narrowing shape communicates nothing to a screen reader that the numbers do not already say better.
Histogram with readoutdata-histogram-brush
A distribution of price anchors in fixed buckets, with a hover readout pinned above the axis instead of a floating tooltip.
Price anchors across 128 ideas
Hover or tab a column
0–910–1920–2930–4950–99100+250+500+
MotionColumns rise from the axis on first view, staggered 30ms each so the distribution is drawn left to right. Hovering a column raises it to the primary colour and writes its bucket and count into a fixed readout slot, which never moves and therefore never chases the pointer.
A11yColumns are focusable with tabindex so the distribution can be walked with the keyboard, each carrying an aria-label of "£20 to £29, 14 ideas". The readout is a polite live region that updates on both hover and focus.
Forms · 13
Stacked field with helperform-stacked-field
The boring, correct field: label above, helper below, error below that, 48px target. Placeholders are never used as labels.
MotionFocus draws a 2px ring at 2px offset in one step — no growing borders, which shift text by a pixel and look like a rendering bug. The error message reveals with a grid-rows transition and a 4px rise over var(--dur), so it pushes the layout rather than overlapping the next field.
A11yLabel is a real <label for>. Helper and error are wired through aria-describedby, the control carries aria-invalid, and the wrapper carries data-invalid for styling. The error text is a live region so it is announced when validation fails after submit.
One-time code boxesform-otp-boxes
Six single-character boxes that behave like one field: paste fills all of them, backspace walks backwards, arrows move.
MotionFocus advances automatically on entry and retreats on backspace from an empty box. A paste anywhere in the group distributes the whole code across the boxes. On completion the group flashes its border to the primary colour for 400ms — one confirmation, not a loop.
A11yThe group is a labelled fieldset with the instruction in a legend. Each box has inputmode="numeric", autocomplete="one-time-code" and an aria-label of its position ("digit 3 of 6"), so a screen reader user always knows where they are.
Tag inputform-tag-input
Chips that grow inside the field as you type, with Enter or comma to commit and Backspace to remove the last one.
Enter or comma adds a market. Backspace on an empty field removes the last one.
MotionA new chip scales from 0.9 with a fade over var(--dur-fast); removal is instant, because a chip that animates out leaves a hole the eye follows to nowhere. The field itself never changes height abruptly — it wraps, and the wrap is what grows it.
A11yChips are a live list with an aria-live="polite" count so additions are announced. Each chip has a remove button with an explicit name ("Remove local commerce"), and the input carries an aria-describedby explaining the Enter and Backspace behaviour.
Dual range sliderform-range-dual
Two native range inputs stacked to make a min–max filter, with a filled track between the handles and a live readout.
Monthly price anchor
£9 – £49
£0£50£100
MotionHandles cannot cross: each input clamps against the other on input, so dragging past produces a stop rather than an inversion. The filled segment is a single element whose left and width are set from the two values, updated on the input event so it tracks the drag frame by frame.
A11yTwo real <input type="range"> controls, each with its own label and aria-valuetext of "minimum £9" / "maximum £49", so both handles are keyboard-operable with arrows, Home and End — which a div-based dual slider almost never gets right.
Settings switch rowsform-switch-rows
A settings list where the whole row is the label, the switch sits right, and each option explains its consequence underneath.
Weekly brief
One email on Thursdays with the three ideas that gained the most evidence.
Include expert verdicts
Adds the signed judgements to the email. Makes it noticeably longer.
Price-drop alerts
Notifies you when an anchor you follow moves by more than 20 per cent.
MotionThe knob translates with a spring-ish overshoot over var(--dur) while the track colour crosses at the halfway point, so colour and position change together rather than the track flipping instantly. A dependent row below fades and collapses when its parent switch is off.
A11yNative checkboxes with role left alone and a visually styled track, so Space toggles them and they submit with the form. The description is wired by aria-describedby, and the dependent row is genuinely disabled — not just dimmed — when its parent is off.
File drop zoneform-file-drop
A dashed target that accepts a drop or a click, lists what it received, and can remove individual files before upload.
Drop evidence here, or click to choosePDF, CSV or images. Up to 10 MB each.
MotionThe zone brightens and its border switches from dashed to solid while a drag is over it, using a counter for enter and leave events so nested children do not cause it to flicker — the single most common bug in drop zones. Added rows fade in over var(--dur-fast).
A11yA real <input type="file"> sits behind the zone, so keyboard users reach it with Tab and open the picker with Enter. Drag-and-drop is an enhancement on top. The file list is an aria-live region so additions are announced with their names and sizes.
Inline edit fieldform-inline-edit
Text that turns into an input when you click it, commits on Enter or blur, and reverts on Escape. No modal, no edit mode.
Idea title
Click to edit. Enter saves, Escape reverts.
MotionThe swap keeps identical metrics — the input is sized and styled to match the display text exactly — so nothing shifts on entering edit mode. That is the whole trick; if the line jumps by two pixels, the illusion breaks. A brief background flash confirms the save.
A11yThe display is a button with an accessible name of "Edit title, current value Butcher restock alerts". After committing, focus returns to the button and a live region confirms the new value, so a keyboard user is never left focused on a removed element.
Password with strengthform-password-strength
A reveal toggle and a strength meter that names what is missing instead of scoring you out of four bars and leaving you guessing.
Enter a password
○At least 12 characters
○Upper and lower case
○A number
○A symbol
MotionSegments fill left to right as criteria are met, each with its own 160ms transition so meeting two criteria at once still reads as two events. The reveal toggle swaps its icon with no animation — a delayed reveal on a password field is actively annoying.
A11yThe meter is a real progress element with aria-valuetext of "Fair — add a number", and the criteria list marks each item met or unmet with both an icon and text. The reveal button reports state with aria-pressed and never removes focus from the field.
Filtering comboboxform-combobox-filter
Type to narrow a list, arrow to move through it, Enter to choose. The match is highlighted inside each option.
MotionThe list opens on focus and filters on every keystroke with no debounce, because the dataset is local and a delay would only add lag. The active option scrolls into view with block:"nearest", so arrowing down never yanks the list around when the option was already visible.
A11yFollows the ARIA combobox pattern: role="combobox" with aria-expanded, aria-controls and aria-activedescendant on the input, role="listbox" and role="option" beneath. Focus never leaves the input, which is what makes arrow-key navigation announce correctly.
Labelled rating scaleform-rating-scale
A five-point scale with both ends named, so a 3 means something. Radio buttons underneath, not a star widget.
MotionThe selected point scales to 1.12 and takes the primary fill over var(--dur); the points to its left fill at a lower opacity so the scale reads as cumulative rather than as five unrelated buttons. Hover previews the same state without committing it.
A11yA radiogroup of five real radios with per-option labels ("3 of 5, neutral"), which gives native arrow-key navigation and form submission. Anchor labels at both ends are associated with the group by aria-describedby.
Multi-step wizardform-multistep-wizard
One decision per screen, with a step counter in words and a back button that never loses what you typed.
Step 1 of 3
What is the idea?
One sentence. If it needs two, it is probably two ideas.
What is the evidence?
Something counted, not something felt.
What would they pay?
The number somebody already said out loud, not your estimate.
MotionSteps crossfade and slide 12px in the direction of travel — forward slides left, back slides right — so the motion tells you which way you moved. Height animates to the new panel to avoid the page jumping. Reduced motion swaps instantly with no slide.
A11yEach step is a region labelled by its heading, and focus moves to that heading on step change so a screen reader announces the new step. Progress is stated in text ("Step 2 of 3") rather than only as a bar, and the bar itself is aria-hidden.
Multi-select chipsform-toggle-chips
A set of two to eight options as togglable chips, which beats a multi-select for anything a person can see all of at once.
MotionA chip flips its fill and border in one step with no transform, so a row of chips never reflows as selections change — the checked and unchecked states are deliberately the same size. A count updates beneath, and Clear all is only present once something is selected.
A11yReal checkboxes with visible labels, so the group submits with the form and each chip is toggled with Space. The group is a fieldset with a legend rather than a bare div with a heading.
Scoped search barform-search-scoped
A search field with a scope selector fused into its left edge and a live result count on the right, so scope is never a hidden setting.
MotionTyping updates the count on every keystroke against a local dataset — no spinner, because a spinner for a synchronous filter is a lie. The clear button appears only when there is something to clear, sliding 4px in from the right over var(--dur-fast).
A11yThe scope select and the text field are separate labelled controls inside one form landmark with role="search". The result count is a polite live region, so it is announced after typing settles rather than on every character.
Feedback · 11
Toast stackfeedback-toast-stack
Stacked notifications in one corner, newest on top, each with its own dismiss and a progress line showing its remaining life.
MotionA toast enters by translating 12px in from the right with a fade over var(--dur) and leaves by collapsing its own height, so the ones below rise smoothly instead of snapping. Hovering the stack pauses every timer at once — dismissing one while reading another is the classic toast failure.
A11yThe region is aria-live="polite" and role="status" for ordinary toasts; anything destructive uses role="alert" instead. Each toast has a named dismiss button, and the auto-dismiss timer is paused on focus as well as hover, so keyboard users are not raced.
Semantic alert barfeedback-alert-bar
A four-level alert with a coloured spine, an icon, a bold one-line summary and a plain-language explanation of what to do.
NoticeEvidence review runs on Thursdays
Anything submitted after 18:00 on Wednesday goes into the following week. See the schedule.
ConfirmedPrice anchor verified against three sources
The £9 figure appears on two pricing pages and in one interview transcript.
WarningThis idea has no named alternative
Without knowing what people do today, the demand case is a guess. Add an alternative.
ErrorUpload failed — file too large
call-log.csv is 14.2 MB and the limit is 10 MB. Split it by month, or compress it and try again.
MotionStatic by design — an alert that animates in draws the eye away from whatever caused it. The only movement is the dismiss action collapsing the alert, and only alerts that are safely dismissible get a dismiss button at all.
A11ySeverity is carried by an icon and a word, never by colour alone. Informational alerts use role="status", errors use role="alert" so they interrupt. The action inside is a real link or button, not the whole bar being clickable.
Empty statefeedback-empty-dashed
A dashed frame at the shape of the missing content, a sentence explaining why it is empty, and exactly one thing to do about it.
No evidence attached yet
Ideas without sources do not appear in comparisons, because there is nothing to compare. Add a call log, a pricing page or an interview note to publish this one.
MotionNothing animates. An empty state is already a small disappointment and a spinning illustration does not help. The only motion is the primary action responding to hover in whatever way the theme normally does.
A11yThe illustration is aria-hidden and the message carries the meaning. The heading is a real heading so it appears in the document outline, and the primary action is the first focusable element after it.
Skeleton screenfeedback-skeleton-shimmer
Placeholder blocks matching the exact shape of the content that is coming, so nothing jumps when it arrives.
Butcher restock alerts
Local commerce · 6 sources
Ready
Shuttle route drafts
Local B2B · 4 sources
Ready
Revision diff viewer
Research · 5 sources
Ready
MotionA single 1.6s sweep travels left to right across all blocks in unison, driven by an animated background-position rather than a moving overlay element, so there is nothing to reflow. Reduced motion swaps the sweep for a still, slightly lighter fill.
A11yThe skeleton container is aria-busy="true" with an aria-label of "Loading ideas", and the blocks themselves are aria-hidden. When content arrives, aria-busy flips to false, which is what actually tells assistive tech the wait is over.
Determinate work progressfeedback-progress-work
A job progress panel that names the current step, counts what is done, and estimates what is left — rather than a bar with no numbers.
Re-indexing evidence
0%
Waiting to start
0 / 128 records—
MotionThe bar transitions its width over 400ms so each step increment glides rather than snapping, and the step label crossfades over var(--dur-fast). When the job finishes the bar turns primary and the panel stops updating — a completed job should look finished, not idle.
A11yA native <progress> element carries the real value, so assistive tech reads the percentage without extra ARIA. The current step name is in a polite live region that changes at most once per step, not per frame.
A delete confirmation that names exactly what will be lost and requires typing the name — friction proportional to consequence.
Delete “Butcher restock alerts”?
This cannot be undone. Deleting the idea also removes everything attached to it.
6 evidence sources, including the six-week call log
2 expert verdicts, both already published
The public brief at /ideas/nf-0412
MotionThe confirm button stays disabled until the typed name matches exactly, then switches to the destructive fill in one step. A shake would be tempting on mismatch and is deliberately absent — punishing a typo is not the job here.
A11yThe confirm button carries aria-disabled plus the real disabled attribute so it is both unreachable and announced as unavailable. The consequences list is referenced by aria-describedby from the input, so it is read when the field takes focus.
Undo with countdownfeedback-undo-timer
Act first, apologise never: the action happens immediately and a timed undo appears, instead of a modal asking permission.
Butcher restock alerts
Shuttle route drafts
Kit price watcher
MotionA ring counts down using stroke-dashoffset over exactly the undo window, so the remaining time is legible at a glance rather than being a mystery. Hovering the bar pauses the countdown; the ring pauses with it, because a paused timer with a moving ring is a lie.
A11yThe bar is role="status" with a polite live region, so the removal is announced once. The undo button states the object ("Undo removing Kit price watcher") rather than saying just "Undo", which is meaningless out of context.
Connection bannerfeedback-offline-banner
A persistent strip that reports connection state and what happens to your unsaved work, with a manual retry.
No connection.Your last two edits are saved locally and will sync when you are back.
MotionThe banner slides down from the top edge over var(--dur) when the connection drops and slides away on recovery, holding a "back online" state for 2.5 seconds first so the recovery is actually seen. The retry button shows a spinner only while a retry is genuinely in flight.
A11yLoss of connection uses role="alert" because it changes what the user can do; recovery uses role="status" so it does not interrupt. The retry button is disabled while retrying and its label changes to "Retrying…" rather than only spinning.
Live availability checkfeedback-inline-live-check
A field that checks as you type, with three honest states — checking, taken, available — and never a green tick while still thinking.
northfield.app/
MotionThe check is debounced at 400ms so it fires on pauses rather than keystrokes, and the spinner only appears after 150ms of waiting so fast responses never flash it. The status icon crossfades between states over var(--dur-fast) instead of swapping abruptly.
A11yThe status lives in an aria-live="polite" region tied to the input by aria-describedby, and it is written in words ("northfield is taken — try northfield-labs"), so the meaning never depends on the icon or its colour.
Completion markfeedback-success-mark
A drawn check with a single expanding ring and one line of what happens next. Confirmation, not celebration.
Brief published
It is live at /ideas/nf-0412 and both reviewers have been notified. The weekly email goes out on Thursday.
MotionThe check strokes itself over 380ms after a 120ms beat, and one ring expands from the mark and fades — once, never looping. Under prefers-reduced-motion the check is simply drawn and the ring never appears.
A11yThe whole block is role="status" so it is announced once when it replaces the form. Focus is moved to the heading, which means a keyboard user is not left focused on a submit button that no longer exists.
Change review stripfeedback-diff-review
A before-and-after of what an action will change, shown before you commit rather than described in a sentence.
Review 4 changes before applying4 changes
~anchor£12.00→£9.00
+sourcescall-log-oct.csv
−tagsexperimental
~difficultymedium→low
MotionRows are static — a diff that animates is a diff you have to re-read. The only interaction is a per-row revert that removes the row with no transition, and a running count of remaining changes that updates in place.
A11yEach row states its change in words ("Anchor: was 12 pounds, will be 9 pounds"), with the added and removed markers as text characters rather than colour swatches. The count is a polite live region.
Overlays · 11
Centred dialogoverlay-dialog-centered
A native modal dialog with a titled header, a scrolling body and a pinned footer. Focus trap and top-layer stacking come free.
MotionThe panel scales from 0.97 and rises 8px over var(--dur) while the backdrop fades; closing reverses at var(--dur-fast), because dismissal should feel quicker than arrival. Escape and a backdrop click both close it, and the trigger regains focus either way.
A11yshowModal() gives a real focus trap, inert background and top-layer placement without any z-index arithmetic. The dialog is labelled by its heading, and the close button has an explicit name rather than relying on the times glyph.
Draggable bottom sheetoverlay-sheet-bottom
A sheet that rises from the bottom edge and can be flung back down by dragging its handle. The mobile answer to a modal.
MotionWhile dragging, the sheet follows the pointer one-to-one with the transition removed, so there is no lag between finger and panel. On release it either settles back or dismisses, decided by distance past 90px or velocity over 0.5px per millisecond — velocity is what makes a short, fast flick work.
A11yThe sheet is a <dialog> opened with showModal(), so the background is inert and Escape closes it. The drag handle is decorative and aria-hidden; a real close button is always present, because dragging must never be the only way out.
Side draweroverlay-drawer-side
A panel that slides in from the right for filters and detail views, keeping the page behind visible for context.
MotionThe drawer translates 100% to 0 over var(--dur) while the scrim fades; the two are deliberately the same duration so the panel never appears to arrive before the page dims. Closing runs at var(--dur-fast).
A11yOpened with showModal() for a genuine focus trap, and given aria-labelledby pointing at its heading. The first focusable control is the close button, so Escape and Tab both start from somewhere predictable.
Anchored popoveroverlay-popover-anchored
A small panel tethered to the control that opened it, flipping above the trigger when there is no room below.
Six sources, three kinds
Everything attached to NF-0412, counted rather than estimated.
Call logs
1
Interviews
3
Pricing pages
2
Weeks observed
6
Anchor moved twice
The £9 figure has held since the second interview round.
First seen
£12
Revised
£10
Current
£9
MotionUses the native popover API so the panel lands in the top layer and light-dismiss works with no outside-click handler. Position is measured on open and flipped if the panel would overflow the viewport, which is the one thing the native API does not do for you here.
A11yThe trigger is a button with popovertarget, so the browser wires aria-expanded and Escape handling itself. Focus moves into the panel on open and returns to the trigger on close.
Delayed tooltipoverlay-tooltip-delayed
Tooltips with a shared timer: the first costs 500ms, but moving to a neighbour within a second is instant.
Hover one, wait. Then move along the row — the rest are instant for a second.
MotionOne module-level timer serves every trigger. The first hover waits 500ms; once a tooltip has shown, a one-second grace window means moving along a toolbar shows each one immediately. Leaving hides after 120ms so crossing a gap does not flicker.
A11yThe tooltip element is role="tooltip" and is referenced by aria-describedby from the trigger, so the text is announced as a description rather than as a second name. It shows on focus as well as hover, and Escape dismisses it while keeping focus.
Command paletteoverlay-command-palette
Everything the app can do behind one shortcut, grouped by kind, filtered as you type, with the shortcut printed beside each entry.
MotionOpens on Cmd or Ctrl plus K anywhere in the block. Arrow keys move a highlight that scrolls with block:"nearest", Enter runs, Escape closes. Filtering is a plain substring match with no fuzzy scoring, because unpredictable ranking in a palette is worse than no ranking.
A11yThe input is role="combobox" with aria-activedescendant pointing at the highlighted row, so focus stays in the field and every move is announced. Groups are role="group" with aria-label, and the result count is a polite live region.
Context menuoverlay-context-menu
A right-click menu with grouped actions, keyboard shortcuts and a destructive item held apart at the bottom.
Right-click a rowOr focus it and press Shift + F10.
Butcher restock alerts · NF-0412
Shuttle route drafts · NF-0417
MotionOpens at the pointer, flipping left or up when it would overflow the viewport edge. Arrow keys move a roving focus through the items, Home and End jump, and typing a letter jumps to the next item starting with it — the behaviour people expect from a real menu.
A11yrole="menu" with role="menuitem" children and a genuine roving tabindex, so exactly one item is tabbable. It is also reachable without a mouse: the Menu key and Shift+F10 open it on the focused row.
Image lightboxoverlay-lightbox
A gallery that opens full-screen with arrow-key paging, a counter, and the caption held below the image rather than over it.
MotionPaging swaps the image with a 120ms crossfade rather than sliding, so a fast run through ten photographs does not become a blur of motion. The backdrop fades once on open and stays; only the picture changes after that.
A11yOpened with showModal() so focus is trapped. Left and Right page, Escape closes, and focus returns to the thumbnail that was opened. The counter is a live region so "3 of 6" is announced on each change.
Hover cardoverlay-hover-card
A richer preview than a tooltip — avatar, role and a couple of facts — for links whose destination needs explaining.
The evidence for NF-0412 was collected over six weeks and reviewed by
the venture scout and
the build scout, who disagreed about the size of the market but not about the price.
Venture scoutMarket and pricing
Looks for who is already paying, what they pay today, and how quickly the second customer arrives.
Reviews 39Median verdict proceed
Build scoutFeasibility and scope
Judges whether one person could ship a first version, and what has to be cut for that to be true.
Reviews 41Solo-suitable 62%
MotionA 320ms open delay and a 200ms close delay, with the card itself hoverable so the pointer can travel into it without the card vanishing. That grace period is the entire difference between a hover card that works and one that is infuriating.
A11yThe card opens on focus as well as hover and is referenced by aria-describedby, so keyboard users get the same preview. Everything inside it is also reachable from the link destination itself — the card never holds the only copy of anything.
Inline confirmoverlay-inline-confirm
A confirmation that appears attached to the button that triggered it, for actions too small to deserve a full modal.
call-log-oct.csv
interview-shop-2.md
pricing-page.png
Remove this source?
The idea drops to 5 sources and leaves the verified list.
MotionThe bubble scales from 0.96 with its transform-origin set to the corner nearest the trigger, so it appears to grow out of the button rather than materialising beside it. That origin is the whole reason it reads as attached.
A11yThe bubble is a real popover with role="alertdialog" and aria-labelledby, focus moves to the cancel button (the safe option) on open, and Escape cancels. Cancel is first in the tab order for the same reason.
Onboarding spotlightoverlay-focus-spotlight
A guided tour step: everything dims except one element, with a caption card tethered beside it and step counters.
Evidence
Everything counted, with its source attached.
Anchors
The price somebody already charges.
Verdicts
Signed judgements from two reviewers.
MotionThe hole is one element with a very large spread box-shadow, so a single transition on its position and size moves the cut-out smoothly between targets — far cheaper than animating four separate mask panels. The caption follows on the same timing.
A11yThe caption is role="dialog" with aria-modal="false" so the underlying page stays readable; focus moves to the caption heading on each step. Escape ends the tour, and the highlight itself is aria-hidden because the caption already names the target.
Editorial · 10
Reading columneditorial-reading-column
A measured long-form column with a drop cap, a standfirst and a byline block. Everything is subordinate to line length.
Field notes · Issue 14
The shop that answered the same question ninety times
Six weeks of call logs from one butcher, and what they say about every small business that has quietly decided a problem is just the job.
The evidence desk6 min
Nobody at the shop thought of it as a problem. When we asked how often people rang to ask whether the short rib was in, the answer was a shrug and the phrase “all the time”. All the time turned out to be ninety calls in six weeks, which is roughly one every working hour they were open.
The interesting part is not the number. It is that the number had never been counted, and that counting it changed the conversation in about four minutes. Before: a nuisance. After: a line item. The full call log is attached to the brief, categorised by hand.
What they already do about it
Three shops on the same street had independently invented the same workaround — a notebook behind the counter with names and cuts, checked on delivery days. None of them described it as a system. All three lost it when the person who kept it took a week off.
MotionNo motion at all. The only concession to interaction is a link underline that thickens on hover, because anything else in a reading column is an interruption. This pattern exists partly to make that point.
A11yThe drop cap is a styled first letter using ::first-letter rather than a wrapped span, so the word is never split for a screen reader. Measure is capped in ch, and line height is set for reading rather than density.
Ruled pull quoteeditorial-pullquote-rule
A quotation lifted out of the column with a rule rather than quotation marks, attributed underneath in mono.
We asked all three shops the same question in the same words, and got three versions of the same shrug. The workaround was so normal that nobody could see it.
They were answering the same question ninety times a month and had stopped noticing it was a question.
Field note 14 · six weeks of call logs, one shop
That is the pattern worth looking for. Not an unmet need people complain about, but a cost people have stopped counting because they decided long ago it was simply part of the work.
MotionThe rule draws in from the top over 500ms when the quote first enters the viewport, then stops. The text does not fade — a quotation that arrives after its own decoration reads as an advertisement.
A11yA real <figure> with <blockquote> and <figcaption>, so the attribution is programmatically tied to the quote. The decorative rule is a pseudo-element and never enters the accessibility tree.
Margin sidenoteseditorial-sidenote-margin
Footnotes hoisted into the margin beside the paragraph they belong to, collapsing inline on narrow screens.
Ninety inbound calls over six weeks1 is not a rounding error. It is roughly one an hour across the shop's open days, each one interrupting whatever was happening at the counter.
The price the shop volunteered was nine pounds a month2, which sits neatly under the threshold at which they would want to involve anyone else in the decision.
All three shops we spoke to had a notebook3 and none of them described it as a system.
MotionHovering or focusing a reference highlights the matching note and vice versa, using a shared data attribute rather than JavaScript-managed classes. Below 900px the notes become native <details> disclosures inline, so nothing is lost when the margin disappears.
A11yEach reference is a link to its note with aria-describedby wiring them together, so the note text is announced with the reference rather than stranded at the end of the document.
Scrollspy contentseditorial-toc-scrollspy
A sticky table of contents that marks the section currently in view, with a progress rail down its left edge.
What was counted
Ninety inbound calls over six weeks, categorised by hand into restock questions, opening hours and everything else. Roughly one an hour across open days.
What they do today
A notebook behind the counter with names and cuts, checked on delivery days. Two of three shops kept it on paper; the third kept it in a personal phone.
The price anchor
Nine pounds a month, volunteered before we named a figure, and repeated independently by two other shops. Above about fifteen the conversation changes shape.
Where it breaks
Every version fails the same way: the person who keeps the list takes a week off. That is the failure the product has to be better than, not the notebook itself.
MotionSection tracking uses IntersectionObserver with a narrow band across the middle of the scroller rather than a scroll listener, so it costs nothing per frame. The active marker slides between entries over var(--dur) instead of each item lighting independently.
A11yA <nav aria-label="On this page"> containing a list of links, with aria-current="location" on the active entry. Clicking scrolls and moves focus to the target heading, so keyboard and pointer end up in the same place.
Changelogeditorial-changelog-versions
Versions down a rail with typed change badges, so the shape of a release is visible before any of it is read.
v2.4.03 added1 fixed
AddedPrice anchors can now carry a currency other than GBP. Existing anchors are unchanged.
AddedGET /ideas?anchor_lt= filters by anchor ceiling.
AddedEvidence uploads accept CSV over 10 MB when chunked.
FixedVerdicts occasionally rendered before their brief on slow connections.
v2.3.12 fixed
FixedSorting by sources put null counts first instead of last.
FixedThe weekly digest dropped ideas published after 17:59 on Wednesday.
v2.3.01 breaking1 added
Breakingdifficulty is now an enum of low, medium and high. Free text is rejected.
AddedTwo reviewer verdicts per idea, published together or not at all.
MotionNothing animates. Each version can be collapsed with a native details element, and the summary line keeps its counts visible when collapsed so the list stays scannable in either state.
A11yNative <details> per version, with the version number and date in the summary so the disclosure has a meaningful name. Change type is carried by a word ("Added", "Fixed"), not only by badge colour.
FAQ accordioneditorial-faq-accordion
Questions written the way people actually ask them, answered in two sentences, with several open at once if you like.
Who decides what counts as evidence?
Anything counted rather than felt: call logs, receipts, pricing pages, support tickets, interview transcripts. A strong opinion held by a clever person is not evidence, however good the opinion is.
Why do you publish two verdicts instead of one?
Because the market question and the build question have different answers surprisingly often. Keeping them separate means you can disagree with one reviewer without discarding the other.
What if the price anchor is wrong?
Then the brief is wrong, and we would like to know. Every anchor names its sources, so disputing it is a matter of pointing at the source rather than arguing about the number.
Can I submit an idea?
Yes, with at least one source. Ideas without evidence sit in a separate queue and never appear in comparisons, because there is nothing to compare them on.
MotionBuilt on native <details>, with the height animated by a grid-rows transition on an inner wrapper — the one technique that gives a real height animation on details without measuring anything. Multiple items may be open; forcing exclusivity in an FAQ hides the answer you were comparing against.
A11yNative disclosure semantics with no ARIA added, so Enter and Space work and the state is announced correctly. Each question is a real heading inside the summary, keeping the document outline usable.
Testimonial raileditorial-testimonial-marquee
Quotes drifting horizontally in two rows moving opposite ways, pausing under the pointer so any one can be read.
“I stopped guessing what to build and started reading call logs. That is the whole change.”
Solo founderReader since 2025
“The "avoid for" line has saved me twice. Nobody else writes that part down.”
Product leadReader since 2025
“Two reviewers who disagree in public is worth more than ten who agree.”
Angel investorReader since 2025
“I stopped guessing what to build and started reading call logs. That is the whole change.”
Solo founderReader since 2025
“The "avoid for" line has saved me twice. Nobody else writes that part down.”
Product leadReader since 2025
“Two reviewers who disagree in public is worth more than ten who agree.”
Angel investorReader since 2025
“We shipped the boring version and it paid for itself in seven weeks.”
Shop ownerReader since 2025
“The price anchor is the only number I trust in any of these newsletters.”
Indie developerReader since 2025
“I read it on Thursday and had three customer calls booked by Friday.”
Agency partnerReader since 2025
“We shipped the boring version and it paid for itself in seven weeks.”
Shop ownerReader since 2025
“The price anchor is the only number I trust in any of these newsletters.”
Indie developerReader since 2025
“I read it on Thursday and had three customer calls booked by Friday.”
Agency partnerReader since 2025
MotionTwo tracks with the same 34s linear loop, one reversed, so the rows never lock into a pattern the eye can follow. Hover or focus anywhere in the rail pauses both. Reduced motion stops them entirely and leaves the rows scrollable by hand.
A11yThe duplicated half of each track is aria-hidden so no quote is announced twice, and each card is a figure with a blockquote and a figcaption so attribution is properly associated.
Pricing tierseditorial-pricing-tiers
Three plans with one marked as recommended, a monthly-annual switch that shows the saving, and features stated as sentences.
Reader
One person keeping an eye out
Freealways per month
The Thursday digest, every week
Full briefs and their evidence
Search across every published idea
Most chosen
Builder
Someone acting on what they read
£12per month per month
Everything in Reader
Both expert verdicts on every brief
Price-anchor alerts for ideas you follow
Export the ledger as CSV
Desk
A team comparing options together
£39per month per month
Everything in Builder
Shared collections and notes
Request a review on your own idea
Priority evidence checks
MotionToggling the billing period counts each price to its new value over 320ms rather than swapping it, so the change is legible as a change. The recommended card is raised from the start and does not animate on hover — it is already the loud one.
A11yThe billing switch is a radiogroup, not a styled checkbox, so the two options are both named ("Monthly", "Annual, save 20 per cent"). Each plan is an article labelled by its heading, and the price has a visually hidden "per month" for context.
Comparison matrixeditorial-feature-matrix
A feature table with a sticky header, row highlighting and three states per cell — included, extra, or absent — each named.
Feature
Reader
Builder
Desk
Reading
Thursday digest
✓ Included
✓ Included
✓ Included
Full briefs and evidence
✓ Included
✓ Included
✓ Included
Both expert verdicts
— Not available
✓ Included
✓ Included
Working
Price-anchor alerts
— Not available
✓ Included
✓ Included
Export the ledger
— Not available
✓ Included
✓ Included
Shared collections
— Not available
— Not available
✓ Included
Support
Request a review
— Not available
+£9 Costs extra
✓ Included
Priority evidence checks
— Not available
— Not available
✓ Included
MotionHovering a row raises it and dims nothing else, because dimming a comparison table defeats its purpose. The header sticks inside its own scroll container so plan names remain visible while reading down the list.
A11yCell state is a text glyph with a visually hidden word ("Included", "Costs extra", "Not available") rather than colour or icon alone. Row headers use scope="row", so a screen reader announces the feature name with every cell.
Closing bandeditorial-cta-band
A full-width closing section with one action, one reassurance, and no second thoughts competing for the click.
One email, Thursdays
Stop guessing what to build
Three ideas a week that somebody is already paying for, with the evidence attached and an honest note about who they would be wrong for.
MotionThe band is static; only the primary button responds, in whatever way the theme prescribes. A closing call to action that animates on scroll is asking for attention it has already been given by being last.
A11yOne primary action and one text link, in that order in the DOM. The reassurance line is plain text next to the button rather than a tooltip, because the thing that removes hesitation should never require a hover to find.
Media · 8
Mosaic gallerymedia-gallery-mosaic
A grid where a few tiles span two columns or two rows, so a set of photographs reads as an arrangement rather than a contact sheet.
MotionHover scales the image inside its fixed frame to 1.06 over var(--dur-slow) and lifts a caption from under the bottom edge. The frame never moves, so the mosaic geometry stays completely still while the pictures inside it breathe.
A11yEach tile is a link with the photograph as its accessible name, so the gallery is a list of six destinations rather than six unlabelled images. Captions are real text, not background layers.
Snap carouselmedia-carousel-snap
A horizontally scrolling strip built on CSS scroll-snap, with real dots, arrow buttons and native touch scrolling.
On the counterShop 1 · 07:40, delivery day
Delivery dayShop 2 · the notebook lives here
Sorted by handSix weeks of calls, categorised
The review deskTwo reviewers, ninety minutes
Writing it upBrief NF-0412, second draft
MotionScrolling is native — scroll-snap-type does the settling, so momentum, trackpads and touch all behave exactly as the platform intends. The arrows call scrollBy by one slide width, and the dots reflect position via IntersectionObserver rather than a scroll listener.
A11yThe strip is a labelled region with tabindex="0", so it can be scrolled with the arrow keys directly. Dots are buttons with names ("Go to slide 3 of 5") and aria-current on the active one; slides are list items.
Before and after slidermedia-before-after
Two images stacked with a draggable divider, for showing a redesign, a repair or a data cleanup.
BeforeAfter
MotionThe top image is revealed by a clip-path inset driven by the handle position, so both photographs stay perfectly registered — a width-based crop would rescale one of them and ruin the comparison. Pointer capture keeps the drag alive outside the frame.
A11yThe handle is an <input type="range"> visually styled as a divider, so it is keyboard-operable with arrows, has an aria-valuetext of "62 per cent showing the after image", and works with no pointer at all.
Video postermedia-video-poster
A still frame with duration, chapter count and a play control, so nothing loads until somebody decides to watch.
How the call log was counted4:123 chaptersSubtitles
Player would load here — nothing is fetched until you press play.
English subtitles and a full transcript are available.
MotionThe play button scales to 1.08 and its ring expands on hover, both transform-only. Pressing play swaps the poster for the player and moves focus into it, which is what stops a keyboard user pressing play and then having no idea where they are.
A11yThe play control is a button with a full name ("Play: how the call log was counted, 4 minutes 12 seconds"). Duration and chapter count are text, not icon badges, and a caption note states that subtitles are available before anyone commits to watching.
Avatar stackmedia-avatar-stack
Overlapping faces with an overflow count, fanning apart on hover so every individual is reachable.
14 reviewers have read this brief
Ada Okafor, Ben Trelawny, Cai Zhou, Dara Nolan, Esen Yilmaz, Fen Aliyev, Gita Rao, Hal Brennan, Ines Petrov, Jo Adeyemi, Kit Marsh, Lena Vogt, Mo Haddad, Nils Berg.
MotionHovering the group increases the gap by removing the negative margin, so the stack spreads over var(--dur) and each face becomes its own target. It is one property changing on the container rather than a transform per avatar, which keeps the spread perfectly even.
A11yThe stack is a list with each avatar labelled by name. The overflow chip is a button ("Show all 14 reviewers"), not a decorative circle, because the remaining names have to be reachable somehow.
Logo railmedia-logo-marquee
A single-row logo cloud that scrolls slowly and fades at both edges, so the row has no visible start or end.
Read at
Northfield ReviewCORNERSHOPLedger WeeklyTHE SMALL PRESSFieldnoteAnchor&Co
Northfield ReviewCORNERSHOPLedger WeeklyTHE SMALL PRESSFieldnoteAnchor&Co
MotionA 30s linear loop over a duplicated strip. The edge fade is a mask-image gradient, not two overlay elements, so it works on any background including the dark palette. Hover pauses; reduced motion stops the loop and leaves the row scrollable.
A11yLogos are text set in the display face rather than images, so they scale, respond to the theme and need no alt text. The duplicated half is aria-hidden, and the whole rail is labelled as a list of publications.
Moodboard collagemedia-moodboard-collage
Photographs pinned at slight angles with handwritten-style captions — a reference wall rather than a gallery.
counter, 07:40shop 2 · the notebooksix weeks, sortedreceiptswriting it upthe delivery routereview deskshop 3 of 3
MotionEach pin sits at a fixed small rotation derived from its position, and straightens with a 2px lift on hover over var(--dur). Only one at a time is straight, which is what makes the wall feel like something you are picking through.
A11yRotation is CSS-only and removed under prefers-reduced-motion, since even small tilts can be uncomfortable. Every photograph carries real alt text and its caption is a figcaption, not a floating label.
Zoom lensmedia-zoom-lens
A magnifier that follows the pointer over a product photograph, showing detail without opening anything.
Counter, 07:40
Shot on the third delivery day, before the shop opened. The notebook is under the till on the left.
MotionThe lens is a circular element whose background-image is the same photograph at 260 per cent, with background-position mapped from pointer position. Nothing is loaded twice and no canvas is involved. On coarse pointers and under reduced motion the lens is disabled and a plain caption invites a tap to open the full image.
A11yMagnification is enhancement only: the same photograph is a normal image with alt text, and a link to the full-size version is always present. The lens is aria-hidden and never focusable.
Motion · 10
Magnetic buttonmotion-magnetic-button
A button that leans toward the pointer inside a generous hit area, so it feels like it wants to be pressed.
Move the pointer near a button. The label lags behind the face by half, which is what gives it depth.
MotionPointer offset within the button is mapped to a translate capped at 6px, and the label moves at half that rate so the two layers separate slightly — parallax at a very small scale. On leave it springs back with a 340ms overshoot curve. The listener is never attached on coarse pointers or under prefers-reduced-motion.
A11yThe magnetism is decoration on top of an ordinary button. Keyboard focus does not trigger it, the focus ring is drawn on the untransformed element, and everything works identically with a pointer that never moves.
Cursor spotlight gridmotion-cursor-spotlight
A grid of cards where a soft light follows the pointer across all of them at once, revealing borders as it passes.
MotionPointer position is written once per frame to two CSS custom properties on the container; each card reads them in a radial-gradient. One rAF for the whole grid regardless of card count, and no per-card listeners — which is why this stays smooth at fifty cards.
A11yThe spotlight is purely decorative and lives in a pseudo-element. Every card is a real link with a visible border in its resting state, so nothing depends on the light to be findable — including for anyone using a keyboard.
Sticky scroll stepsmotion-sticky-steps
A pinned visual on one side that changes as text steps scroll past on the other — the standard explainer layout, done without a library.
Count something
Not a survey, not a hunch. Six weeks of a shop's call log, categorised by hand into restock, hours and everything else.
Find the workaround
Whatever people already do instead is the real competitor. Here it was a notebook behind the till, in three shops independently.
Get a number said aloud
An anchor is a price somebody volunteers before you name one. Nine pounds, three times, unprompted.
Then ask two people
One judges the market, one judges the build. They are allowed to disagree, and the disagreement is published.
MotionSteps are tracked with a single IntersectionObserver using a narrow band across the middle of the scroller. The pinned panel crossfades its content over var(--dur) and the step index counts up, so the pin never redraws more than once per step.
A11yEach step is a section with a real heading, and the pinned panel is aria-live="polite" so its change is announced once per step. The layout collapses to a single column below 900px with the visual inline above each step.
Drag to reordermotion-drag-reorder
A list you can reorder by dragging, where the other rows slide out of the way instead of jumping to their new positions.
Butcher restock alerts6 sources
Shuttle route drafts4 sources
Revision diff viewer5 sources
Kit price watcher3 sources
Rooms nobody books5 sources
Drag a row, or focus one and press Space to pick it up, then Up and Down.
MotionUses the FLIP technique: record every row position, move the DOM node, then invert the difference as a transform and release it. That is why the neighbours glide rather than teleport. Keyboard reordering runs the same FLIP, so both routes look identical.
A11yEvery row is a button-like listitem with aria-grabbed semantics replaced by plain instructions: press Space to pick up, Up and Down to move, Space to drop. Each move is announced with the item name and its new position.
Swipe to dismissmotion-swipe-dismiss
Cards that can be flung left to archive or right to keep, with the action revealed underneath as you drag.
← ArchiveKeep →
Kit price watcherNF-0431 · 3 sources
← ArchiveKeep →
Rooms nobody booksNF-0433 · 5 sources
← ArchiveKeep →
Shuttle route draftsNF-0417 · 4 sources
Drag a card sideways, or use the buttons.
MotionThe card follows the pointer one-to-one with a slight rotation proportional to distance, and the action panel behind fades in with it. Release commits past 110px or at a velocity over 0.6px per millisecond, otherwise it springs back with a 320ms overshoot. Buttons provide the same two actions for anyone not dragging.
A11yEvery card carries visible Archive and Keep buttons, so the swipe is never the only route. Each action announces its result in a polite live region, and dismissed cards are removed from the DOM rather than hidden.
3D tilt cardmotion-tilt-3d
A card that tips toward the pointer in perspective, with a highlight sweeping across its face as it turns.
MotionPointer position maps to rotateX and rotateY capped at 8 degrees, applied on a child of a perspective container so the perspective origin stays fixed. A gloss layer moves twice as far as the tilt to read as a reflection. Not attached on coarse pointers or under reduced motion.
A11yThe card content is a plain link and stays fully legible at rest. Tilt is never triggered by focus, so a keyboard user never has to read rotated text.
Scrambling headlinemotion-text-scramble
A headline that resolves out of random characters, used once at the top of a page rather than on every element.
Field notes
Evidence first, opinions later
Runs once on arrival. Used on a second element on the same page, it stops being an effect and becomes a fault.
MotionEach character has a randomised reveal frame; before it, a random glyph is drawn from a fixed set. The animation runs on requestAnimationFrame at about 24 frames per second, deliberately not 60, because a scramble at full frame rate reads as noise rather than as characters settling.
A11yThe scrambling element is aria-hidden and a static copy of the finished text sits in a visually hidden sibling, so the heading is announced once, correctly, and never as a stream of nonsense. Reduced motion skips the effect entirely.
Shared element expandmotion-shared-element
A card that grows into a full panel in place, so the thing you clicked is visibly the thing that opened.
MotionFLIP again: measure the card, swap in the expanded panel, then invert the position and scale difference and release it over var(--dur-slow). The image inside is counter-scaled so it does not stretch during the transition — the detail that separates this from a cheap zoom.
A11yThe expanded panel is a region labelled by its heading, focus moves into it on open, and Escape closes it and returns focus to the originating card. The card is a button, so it is reachable and operable without a pointer.
Pull to refreshmotion-pull-refresh
Drag a list down past its top to reload it, with rubber-band resistance and an arrow that flips when the threshold is passed.
Evidence feed
Pull to refresh
call-log-oct.csv attached2m
Anchor revised to £914m
Interview shop 3 transcribed1h
Verdict published by build scout3h
NF-0433 flagged: no anchor5h
MotionPull distance is damped by a square-root curve, so the further you drag the harder it gets — the resistance that makes it feel physical rather than linear. Past 70px the arrow rotates and the label changes; release then locks the indicator open while it loads and springs shut afterwards.
A11yA visible Refresh button does the same job for anyone not dragging, and the state ("Pull to refresh", "Release to refresh", "Refreshing") is a polite live region rather than only an arrow direction.
Staggered revealmotion-stagger-reveal
Items rising into place one after another as their section enters view — the workhorse entrance, done so it does not annoy.
Scroll the frame
Keep scrolling
01
Count something
Six weeks of a call log, categorised by hand.
02
Find the workaround
Whatever people do instead is the real competitor.
03
Get a number said aloud
An anchor is volunteered, not proposed.
04
Name the alternative
Without it, demand is a guess.
05
Ask two people
Market and build are different questions.
06
Publish the disagreement
Especially when the two reviewers differ.
End
MotionEach item translates 14px and fades over var(--dur-slow), staggered 55ms, capped at eight items — past that a stagger stops reading as choreography and starts reading as lag. It fires once per element and the observer disconnects, so scrolling back up does not replay it.
A11yContent is fully present in the DOM and the visible state is the default; the hidden state is only applied by script when the effect is going to run. That means anyone with JavaScript off, or with prefers-reduced-motion set, sees the finished layout immediately rather than a blank block.