For Us.
A year at the table.
Hearth Press · Book layouts v1
The two covers and six page layouts that appear throughout Flow II,
rendered at natural 320 × 400 so typography and rhythm can be judged
honestly. These are the same BookCover and BookPage
components the flow mockups consume — improvements here propagate
automatically to Preview, Page-edit, and the Layout picker.
Cover · 320 × 400 · 4:5
V1 ships two covers. Plate is the classical cloth-bound cookbook with a tipped-in photo; bleed is the photo-forward alternative for users whose hero image is the point. Everything beyond these (typographic-only, cloth jackets, foil/emboss) is V2 — see README item 6.
A year at the table.
plate
Sage cloth, Antique Foil wordmark, tipped-in photo plate. The classical cloth-bound cookbook.
A year at the table.
bleed
Recipe photo fills the cover; scrim gradient carries the foil title. Photo-forward.
Page · 320 × 400 · 4:5
One recipe, six layouts. Text content is identical across all six — only photo placement varies. The global-settings picker lets the user choose one layout per bucket (1 / 2 / 3+); per-page overrides (screen VIII) swap within a bucket. Slots 1+ in the multi-photo layouts show gradient placeholders today; see README item 4.
— page —
1-photo-a 1 photo
Photo top (45%), text below.
— page —
1-photo-b 1 photo
Text top, photo bottom (45%).
— page —
2-photos-a 2 photos
Two photos side-by-side on top (35%), text below.
— page —
2-photos-b 2 photos
Photo top (28%), text middle, photo bottom (24%) — bookend.
— page —
3-plus-a 3+ photos
Two-by-two photo grid top, text below.
— page —
3-plus-b 3+ photos
Three-photo horizontal strip on top, text below.
Explorations · 2026-04 · sketches
Inline mockups only; nothing here is wired into BookCover
or BookPage yet. Most will get scrapped — that's the
point of the sketchbook. Winners get promoted to real layouts.
Photos are Unsplash placeholders.
All at natural 320 × 400. Reference in caption ties each back to the inspiration plate.
A year at the table.
title-topref · Magnolia Table
Title lives above the plate; author at foot. Sibling of plate.
Ben Honda
italianref · Italian Summer
Tiny plate, enormous stacked serif caps title below.
A year at the table.
windowref · Home Therapy
Warm-cream ground, italic title top-left, windowed photo in the bottom ⅔.
A YEAR AT THE TABLE
Ben Honda
displayref · Joie
Oversized accent-color title up top, photo plate centered, tagline + author foot. Hero is the type; plate grounds it.
FOR · US
A YEAR · AT THE TABLE
minimalref · Sunday Suppers
Linen ground, small plate, tiny letterspaced caps title. Maximum air.
Ben Honda
typographicref · Surf Tribe · README V2
Pure-type cloth cover. README has this as V2 — sketching it so we can see it.
Written by Ben Honda
art-of-homeref · The Art of Home
Restrained, near-white sibling of plate. Italic title small at top.
Facing pages, 640 × 400. Gutter down the middle. These ask whether V2 should let spreads compose as pairs, not just single pages.
— 42 —
spread-photo-facing640 × 400 · French Laundry
Photo full-bleeds the left page. Right page carries the full recipe.
SERVES 4 · 50 MIN · WEEKNIGHT
A brothy, buttery late-summer ragù that happens when you overshop at the farmers' market. Almost all pantry — corn, basil, a little wine, a spoon of white miso to finish.
Scrape kernels into a bowl. Simmer the stripped cobs in 3 cups water for 20 minutes for a quick corn stock. Strain.
Heat a wide pan over medium. Coat with olive oil, sweat shallot until translucent, 4 minutes. Add garlic, 30 seconds.
Add kernels and a pinch of salt. Cook 3 minutes, until they pop and turn glossy.
Deglaze with wine; reduce by half. Add 2 cups stock and the miso. Simmer gently 8 minutes — it should thicken to a loose ragù.
Off heat, stir in butter and torn basil. Taste; pepper heavily.
— 12 —
spread-classic640 × 400 · Magnolia Truffle
Photo full-bleeds the left page. Right page runs classical recipe: centered italic title, tracked-caps meta, italic lede, narrow ingredients column + prose method.
"The best thing any of us can do with an evening is feed the people we love."
— Ben
spread-chapter-opener640 × 400 · Magnolia-3
Moody full-bleed left with foil chapter title; epigraph floats centered on cream right.
Fine details, shifts in flavor — every meal and moment can become what we make of it.
HEARTH · I
spread-quote640 × 400 · Magnolia-2
Full-bleed portrait on left; pullquote floats on the cream right page. A narrative break between recipes.
Corn in August is everything July's corn pretended to be — sweeter, heavier, almost guilty on the tongue. The trick to a ragù like this one is knowing when to walk away from the pan. Too long and the kernels collapse into porridge; too short and they bite.
We make this on evenings when the farmers' market has overshot the week's intended plan. There's always a shallot knocking around somewhere. A glass of dry wine fixes the rest.
The miso isn't authenticity-breaking — it finishes the stock with a quiet funk that reads as depth, not seasoning. Salt lightly, then pepper aggressively.
— 88 —
SERVES 4 · 50 MIN
— 89 —
spread-story640 × 400 · Pasta
Narrative essay + title on the left; hero photo top + meta + ingredients/method columns + small pan photo at foot on the right.
50 min · Serves 4
Ingredients— 52 —
— 53 —
spread-airy640 × 400 · Sunday Suppers
Extreme negative space. Tiny title + 5 ingredients left; small centered photo + 3 method lines right. The whole book breathes.
Inventions — either clean-sheet ideas (hero-bleed) or misreads of spread references kept because the result was still interesting. Three single-page + three spread variants. The ref-backed siblings live above.
50 min · Serves 4
Recipe continues →
page-hero-bleedsingle page
Full-bleed photo, foil italic title overlay. The dramatic "signature dish" beat; recipe text overleaf.
— page —
page-asymmetricsingle page
Title+photo top, method column left, ingredients right, small second photo bottom-right. Pasta density, one page.
— page —
page-insetsingle page
Two-column editorial. Small inset photo lives inside the method column. Text-dominant.
A brothy, buttery late-summer ragù that happens when you overshop at the farmers' market. Almost all pantry — corn, basil, a little wine, a spoon of white miso to finish.
Ingredients— 43 —
— 44 —
spread-dual-text640 × 400 · custom
Zero photos across both pages. Good for un-photographed recipes or a deliberate typographic beat between image-heavy spreads.
A brothy, buttery late-summer ragù that happens when you overshop at the farmers' market. Almost all pantry — corn, basil, a little wine, a spoon of white miso to finish.
— 46 —
— 47 —
spread-asym-dense640 × 400 · custom
Photo bleeds the bottom of the left page under title + lede; right page packs a top photo, method column, ingredients column.
— 52 —
— 53 —
spread-inset-facing640 × 400 · custom
Title + ingredients on the left; small inset photo + method on the right. Fuller than the Sunday Suppers ref.