mirageweb.ai / ~/work / laman
FILE NO.
001
WEB
SUBJECT

Laman (opens in a new tab)

A self-initiated demo. Daily florist with subscription + single-order retail. Forest / bone / coral, live SKU of the day, three subscription tiers.

STATUS
DEMO
2026
CLIENT
Self-initiated · demo brief
SECTOR
Florist · commerce
ENGAGEMENT
Capability demo · closed
TEAM
Studio · one operator
STACK
Next.js · Tailwind v4 · Fraunces · Stripe (mock)
OUTCOME
capability demo (self-initiated · no client engagement)
Laman cover plate
PLATE 01 · COVER · laman-demo.vercel.app

§01 · Brief

A daily florist site that is half retail, half subscription — and reads like a quiet botanical journal, not a checkout funnel.

The demo brief: four-photo crossfade hero that rotates on slow interval, a live 'Today: [SKU]' tag that renders the current stem of the day, three subscription tiers for weekly / fortnightly / monthly, and a single-order path that accepts same-day bookings before a 2pm cutoff. Palette is forest-green against warm bone with a single coral accent. Built as a capability demo — no real client, no live payment rails.

§02 · Shipped

ITEM 01DONE

Four-photo crossfade hero

Slow interval, reduced-motion pauses on still; palette calibrated against the florist's ground bone tone.

ITEM 02DONE

Today-SKU live tag

A small ticker above the hero reads the current stem of the day from a single JSON source — one line to update per morning.

ITEM 03DONE

Three subscription tiers

Weekly / fortnightly / monthly; clear price-per-delivery, cancellation line, first-delivery window.

ITEM 04DONE

Same-day booking cutoff

UI fades the 'book for today' CTA after 2pm SGT, rolls over to tomorrow with a subtle timestamp.

§03 · Timeline · 4 weeks

PHASEW1W2W3W4
Scope + scaffold 
Build  
Polish + notes 
W1 · SCOPE

Brief written, set self

Forest / bone / coral palette fixed, four-photo crossfade, three tiers, 2pm cutoff.

W2–W3 · BUILD

End-to-end at demo scale

Hero, tiers, single-order, today-SKU tag — all self-contained, mock Stripe.

W4 · POLISH

Reduced-motion + demo notes

Crossfade gated, cutoff logic checked against SGT, demo write-up published.

§04 · Attestation

SUBMITTED BY CLIENT
A capability demo, not a commission — holds its palette under scroll, reads more like a journal than a shop.
STUDIO · SELF-ASSESSMENT · DEMOSIGNED 2026

§05 · Outcome

15
commits shipped
4 WKS
demo scope
3 TIERS
subscription tiers
FOREST
palette key

§06 · Forward

The demo carries the tone — a real-client variant would plug in live Stripe, delivery scheduling, and a wholesale portal.

On engagement: Stripe-live subscriptions with pause / skip / swap, delivery-day scheduling (Tue / Fri), wholesale-only login for café accounts. Keeps the palette and crossfade, drops the mock data.

§07 · Cross-reference

002mirageweb.aiWeb · StudioOPEN Web design practicePractice pageOPEN