F&B · DTC subscription·2026
MochaLane · Specialty coffee, monthly
A DTC specialty-coffee subscription that picks the box for you — one-page taste profile, three tiers, recurring ship calendar.
DTC storefrontSubscription engineTaste profileStripe billing
Designs / Visuals
V1 · Specialty coffee monthly box
A one-page subscription front for an indie specialty roaster. The header carries a warm-cream wash, a serif display title, the next-ship calendar pinned top-right, and a tiny zh/en switcher. Below the hero, three tier cards (Starter / Connoisseur / Reserve) with weight + frequency + monthly price. A 4-question taste profile picks the recommended tier — the recommendation pill highlights live as you answer. Footer carries the brew-guide nav and shipping policy.
- Palette
- Cream #F2E6D0 · Coffee ink #3A2317 · Rust #C25E2C · Olive #7A8052
- Fonts
- Cormorant Garamond (display serif) + Inter (body) + JetBrains Mono (SKU/numbers)
- Architecture
- React 18 UMD + Babel standalone · single-file SPA · static MinIO host
- For
- Indie specialty roasters running a DTC subscription with under-10-SKU rotations
- Memorable
- Taste quiz lights up the recommended tier card in real time · ship calendar as a hand-drawn strip
Preparing preview…
Full flow: home → list → detail → license → checkout → certPop out:V1
Related samples
See more samples →📊SaaS · Analytics
In
Insight Board · Cross-border SaaS analytics
Cross-border product analytics that speaks 4 languages on day one — for teams shipping out of China, Japan, Korea, and the US.
< 30s
Time to first insight
auto-onboard
4
Languages live
zh / ja / ko / en
SaaS dashboardi18n architectureStripe billing
Open sample→💄Beauty · DTC cosmetics
Lu
Lunaria · Clean beauty, told honestly
A clean-beauty DTC where every ingredient gets a card — origin, role, percentage — and the bottle never carries a claim the formulation can’t back.
11.2%
PDP → cart conversion
industry: 3.4%
2.4
Ingredient cards viewed / visit
avg dwell 84s
DTC storefrontIngredient transparencyRitual UX
Open sample→🐾Pet · Premium DTC
No
Nocturne · Premium pet, by the moon
A premium pet-food store that builds a delivery plan from the pet, not from the SKU — size, age, weight curve, vet notes feed the auto-reorder cadence.
94%
Reorder accuracy
no-overstock guarantee
0.42
Pet profiles created / visit
industry: 0.06
DTC storefrontPet profile builderAuto-reorder engine
Open sample→