B1 · CHROME
Our bars,
not the
system's
Five states, one rule: the bar is a sticker sitting on the page, never a translucent slab over it.
1 · TOP OF A LIGHT SCREEN
TUESDAY · 482 OBJECTS
My Collections
Big title, dot grid, no chevron — nothing is behind it.
2 · ONCE YOU SCROLL
‹
Malibu — Anderson .Paak
The title shrinks into the bar, back becomes a round sticker, and the bar keeps its 2.5px rule instead of blurring.
3 · OVER THE DARK STAGE
Same geometry, inverted ink. Item detail and capture use this one; the tab bar hides itself here.
4 · INSIDE A MODAL
Close, not Back — a modal is its own world, so leaving it takes the whole world with it. Step two of the same flow shows ‹ Back on the left and keeps Close nowhere.
5 · THE BOTTOM BAR IS A LAYOUT
WHY THE MIDDLE ONE IS ROUND
Four tabs take you somewhere; the shutter opens over wherever you already are. Different shape because it does a different thing.