HEARTH Design
Flow · V

Friends.

A library stays private. A collection is what travels. From a quiet invitation in the foot to a friend's curated shelf — and a recipe with someone else's ink in the margin. (Exploratory: this flow sits beyond V1 scope; it visualizes the social-layer brainstorm so the brand voice can be tested against the idea before any of it is committed.)

I · Library · with options

Apple Music's Library tab pattern, ported into Hearth's voice. Above the recipe waterfall, a quiet list of category drill-downs — Collections, Friends — sits as siblings of the implicit 'all recipes' view below. Italic Lora labels, ochre chevrons, hairline dividers. Hearth Press foot invitation untouched: the social layer never displaces the book-creation doorway. Library contents remain private. Halo on Friends.

Tap Friends

Inspect at 1×
II · Friends

The bilateral graph as a directory page, not a chapter title page. ScreenNav above carries the FRIENDS chapter mark; below, no body header at all — straight into the list. Each row stacks Lora italic name (recipe-title voice — names ARE titles here) over an italic-Ash line of the collections that friend has shared, em-middot separated. Hairline dividers between rows. Four names alphabetical by surname. No avatars, no follower counts — collection titles do the work, like spines on a shelf. Halo on Sarah Chen.

Tap Sarah Chen

Inspect at 1×
III · Sarah's collection

The Apple-Music-playlist analog in Hearth's voice. Sarah has named and shared 'Sunday dinners' — twelve recipes she keeps in rotation. Canonical chapter-opener rhythm — chapter rule, FROM SARAH CHEN as the byline credit, Lora italic title 'Sunday dinners.', italic Ash lede — then the photo waterfall beneath. Same primitive as the Library, twelve curated tiles. Halo on the corn ragù, the recipe that threads through Flow I and lands in the cook's library next.

Tap the corn ragù tile

Inspect at 1×
From Sarah
From table.kitchen Via Sarah Chen

Summer Corn & Basil Ragù

Serves 4 50 min


Ingredients
  • 6 ears sweet corn, kernels scraped (cobs reserved)
  • 1 shallot, minced
  • 3 cloves garlic, thinly sliced
  • 1 cup dry white wine
  • 1 tbsp white miso
  • 1 cup basil leaves, torn
  • 3 tbsp ( 42 g, 1.5 oz ) unsalted butter

    Cultured if I have it.

  • Olive oil, salt, black pepper

Method
  1. 6 ears sweet corn · 3 cups water
    i. Scrape kernels into a bowl. Simmer the stripped cobs in 3 cups water for 20 minutes for a quick corn stock. Strain.
  2. olive oil · 1 shallot · 3 garlic cloves
    ii. Heat a wide pan over medium. Coat with olive oil, sweat shallot until translucent, 4 minutes. Add garlic, 30 seconds.
  3. the scraped kernels · salt
    iii. Add kernels and a pinch of salt. Cook 3 minutes, until they pop and turn glossy.
  4. 1 cup white wine · 2 cups corn stock · 1 tbsp white miso
    iv. Deglaze with wine; reduce by half. Add 2 cups stock and the miso. Simmer gently 8 minutes — it should thicken to a loose ragù.
  5. 3 tbsp butter · 1 cup basil · black pepper
    v. Off heat, stir in butter and torn basil. Taste; pepper heavily.
  6. toasted bread or polenta
    vi. Spoon onto toasted bread or polenta.
IV · Recipe · with credit chain

The cookbook page Sarah's been cooking from, opened from her shared collection. Mirrors ImportPreview's preview-before-save grammar — top bar (Cancel · FROM SARAH eyebrow · Save) over a cream cookbook page — because that's Hearth's existing save-shaped pattern. The from-card carries TWO attributions on one inline row: FROM table.kitchen (the original cookbook) · VIA Sarah Chen (the friend who put it in your hands). Same church-cookbook attribution rhythm as the printed page. Title is static (not an input — Sarah's recipe is finalized; the cook isn't editing on save). Halo on Save.

Tap Save

Inspect at 1×
V · Library · after friend-save

The library quietly grew by one. Same with-friends-doorway state as screen I — same options list (Collections, Friends), same Hearth Press foot, same waterfall — with one quiet addition: the corn ragù at the head of the waterfall now carries 'via Sarah Chen' as a third caption line in italic Lora ash. Provenance threaded through into the library view. Every other tile shows just title + meta; only the recipe with a curator carries the byline. That's how the credit chain stays visible without ever shouting. No banner, no toast, no celebration — book-spine test holds. Terminal beat in the social arc; no halo.

Inspect at 1×