Single lotKokoro
$38Ceremonial Matcha · 30g
First-harvest Uji leaf. Deep umami, cocoa finish, no astringency.
UjiStone-groundUmami
Website design system
Verdelune — one line, held throughout.
Signature motif: The Pour. A single scroll-drawn stroke threads hero → shop → ritual → origins → booking as one journey. No ribbons, no blob cutouts, no badge rows.
01 — Logo lockup
VERDELUNEMATCHA
VERDELUNEMATCHA
VERDELUNEMATCHA
02 — The Pour — motif specimen
home
shop
ritual
origins
visit
One path per page, drawn by scroll progress via stroke-dashoffset. Each page also uses a different transitional device — pour line + hard band edges on Home, a sticky ledger on Shop, alternating paper/washi chapters on Ritual, a numbered journey spine on Origins, a stone band on Visit.
03 — Palette
Ink
#15170F
Body text, footer field, deepest bands
Matcha Deep
#1E2A17
Primary surface, buttons, hero band
Matcha
#38512C
The Pour line, secondary bands
Leaf
#8AA85C
Single saturated accent inside dark bands only
Washi
#EFE9DD
Page ground, carries the paper grain
Paper
#F7F3EA
Cards, panels, alternating ritual sections
Stone
#C7BFAF
Rules, plinths, image ground
Clay
#A8452F
Reserved: step numbers, limited drops, one CTA
04 — Typography
Aa
Shippori Mincho
400 / 500 / 600 · display, headings
Aa
Archivo
300 / 400 / 500 · body, labels, UI
Why this pairing: Shippori Mincho is a Japanese Mincho cut with the vertical stress and blunt serifs of woodblock printing — it carries the tea house without cosplaying it — while Archivo's tight, grotesque forms keep prices, labels and booking UI unsentimental, so the serif never has to do administrative work.
display-xl · clamp 3.1–8.5rem / 0.94
Shaped by the pour
display-lg · clamp 2.4–4.7rem / 1.02
Four movements
display-md · clamp 1.7–2.6rem
Twenty-two days in the dark
display-sm · 1.15–1.45rem
Takayama Chasen
body-lg · 17px / 1.68 / 300
Steamed within hours of picking to stop oxidation dead.
label-sm · 11px / 0.16em / uppercase
Reserve a seat
05 — Buttons, pills, fields
Buttons
700ms weighted ease on every state. No scale, no bounce.
Attribute pills
UjiStone-groundUmamiBambooBar onlyReserve
Selected state
CeremonialFields & toggle
One-timeSubscribe · save 15%
06 — Product card anatomy
Single lot- BadgeOptional. Lot status only — never marketing urgency.
- Image4:5, practical photography, stone or washi ground.
- Title / priceMincho display-sm against an Archivo label.
- Kind · weightlabel-xs, always in that order.
- NoteOne sentence of taste, not adjectives.
- Attribute pillsOrigin, process, flavour — max three.
- Add to cartFull-width primary; flips to a quiet secondary once added.
- Hover6px lift, soft shadow, one slow steam shimmer pass. Never a scale-up.
07 — Materials & where they appear
Washi grain
Page ground on every light section
Raw stone speckle
Dark bands, hero, footer, plinths
Unglazed ceramic
Booking panel, limited drop, cart summary
Woven bamboo rule
Section dividers, proof ledger
08 — Photography direction
Natural window light, shallow depth of field, ceramic and stone surfaces, muted tones with exactly one saturated green per frame. Hands in motion over posed product. No CGI gloss, no rendered fluid.
09 — Packaging
Matte foil-lined tin, letterpress wordmark, lot number and mill date stamped by hand on the base. Unbleached board outer, no plastic void fill.