Second RiseDoors at seven.Ovens on since four; when the counter is empty, that's the day.Get directionsCountry loaf · $9Morning bun · $5Sat–Sun · 7 until sold out
Demo brand · a corner sourdough bakery that sells out by ten

HospitalityTier: Premium

Morning Bread

A bakery direction with flour-dust warmth, an honest counter, and hours you can trust at 6:58 a.m.

Feeling
It smells like the ovens have been on since four.
Composition
Warm hello and hours → what's on the counter today → the sourdough story → find us → no forms at all.
Motion
Sections rise like proofing dough — slow, soft, once — and the hours never animate.
Guardrail
Hours are the hero and must be current — a bakery site that lies about hours has failed completely.
Best for
Bakery · Café · Coffee shop · Neighborhood counter
Tier
Premium tier. This direction has a hand-built Builder template, so Builder renders its own composition, and it carries an extended build spec: section-by-section requirements, a type scale, an alternate palette and a motion spec.

Capability sources

  • motion-primitives
  • launch-ui
  • launch-ui

The prompt works in any AI tool. Build this in Irie hands this direction’s agreement to Builder through a short-lived link, and Builder shows you what it imported before it generates. If that link cannot be created, Builder still opens with the prompt on your clipboard. The agreement is a structured irie.direction.v1 file you can also keep or feed to any tool that reads it.

Premium build spec

What premium means here.

Morning Bread has a hand-built Builder template, so Builder renders this composition instead of the shared generic one. It also carries the build spec below, which travels inside the downloadable agreement.

  1. Warm hello and hours

    A greeting, today's hours in the largest type on the page, and the address — all three inside the first viewport at 375px.

    Most often goes wrongThe hours sit below a full-height photograph, so the person standing at the door never sees them.

  2. What's on the counter today

    The items actually out today with plain prices, and an honest note about what sells out and roughly when.

    Most often goes wrongA complete menu of everything ever baked, which contradicts the counter it is describing.

  3. The sourdough story

    Three to five humble lines about method and timing — starter age, bake schedule, flour — supplied facts only.

    Most often goes wrongThe story swells into the largest section and pushes “find us” off the visible page.

  4. Find us

    A map, the parking truth, transit, and the hours repeated in plain text.

    Most often goes wrongAn embedded map replaces the plain-text address instead of accompanying it, so a slow connection loses the location entirely.

  5. No forms at all

    Phone number, address, and social handle as the only contact routes.

    Most often goes wrongA newsletter capture appears — the one thing this direction explicitly forbids.

Type scale

Display
Friendly serif at 2.5-3.75rem (40-60px). The hours line is set at display scale too, 2rem/32px minimum, because the hours are the page's real headline.
Body
17px at line-height 1.65.
Meta
Prices in a tidy sans at 15px, tabular figures, right-aligned in the counter list so the whole column can be scanned in one pass while standing up.

Alternate palette — Rye key

  • Canvas#F2EFE9
  • Ink#2A2622
  • Signal#5F6B45

Use for a savoury or wholegrain counter, or a café whose room is cool and grey rather than golden. Baked amber pulls everything toward pastry, which misdescribes a shop that mostly sells bread and sandwiches.

Motion spec

Trigger
Section enters the viewport at 30% visibility, once. The hours block is excluded from the observer entirely.
Property
opacity 0 to 1 with translateY(14px to 0) and scale(1.01 to 1).
Duration
900ms, staggered 200ms between sections.
Easing
cubic-bezier(0.33, 1, 0.68, 1) — a slow rise that decelerates to nothing, the pace of dough rather than of software.
Never moves
The hours, the address, and every price. The hours render at first paint with no entrance animation at all: someone checking whether the shop is open should never be made to wait for a transition to finish.

Anti-patterns

  • Opening times that exist only inside a photograph of a chalkboard.
  • A hero video of dough that delays the address by two seconds on a phone connection.
  • “Open daily” standing in for actual opening times.
  • Steam, flour, or particle loops drifting behind text.
  • “From $3” pricing at a counter where the price is simply the price.
  • A cookie or newsletter overlay covering the hours on first load.

Direction film

Watch it move.

An eight-second pass through Morning Bread — the palette, the composition, and the motion language the prompt asks for.