Tier 1 · branded-scroll-progress

Scroll the whole story — the rail keeps your place.

A designed replacement for the scrollbar: a curved-corner rail on the edge fills as you read, and each chapter dot lights the moment you reach it. Every dot is a link — click one to jump.

Chapter 02

Steeped by hand, shaken cold, poured to order.

We steep loose-leaf oolong and jasmine green in small batches every morning, chill it fast, and shake each cup to your sweetness. No powders, no syrups from a box — just tea, cane sugar, and pearls cooked in-house.

As this section scrolls under the reading line, its dot on the rail snaps lit and the fill edge slides down to meet it. That sync isn't guessed — the dot sits at the exact scroll fraction where this chapter begins.

Chapter 03

Brown-sugar boba, fruit teas, and the seasonal pour.

Our signature is a brown-sugar milk tea with pearls we caramelise on the flat-top. Alongside it: a rotating fruit tea cut with fresh citrus, a matcha latte whisked to order, and a monthly special the counter votes on.

Hover a dot to see its chapter name; tab through them with the keyboard — the rail is a compact table of contents, not just decoration.

Chapter 04

One cart in 2015. Three neighborhoods today.

We started at a farmers-market corner with a folding table and a cooler of hand-steeped tea. The line wrapped the block by nine. Ten years later the recipe hasn't changed — only the number of doors.

The rail's fill is a truthful meter: it trails your scroll by a measured, feather-light damp, then settles the instant you stop — never a laggy 0.3-second guess.

Chapter 05

Come find us — pour's on us the first time.

Three shops, same leaf, same ice ratio. Order ahead or walk in; the counter's fastest between the morning and lunch rushes. The rail just reached its last dot — you've read the whole page.

On a phone, this rail steps aside for the native scrollbar (no battery-burning loop); with reduced motion it stays a still, honest indicator with nothing that pops or glides.