Work / Charades / Wiki / Surfaces
pack-preview
Surfacecanonicalverified 2026-09-22
SURFACE.MOBILE.STORE.PACK-PREVIEWSummary
The buy sheet for one locked pack, opened over Home.
Raw wireframe
- .context/designs/mobile/store/pack-preview.html
Why it is drawn this way
It is a sheet over Home, not a store screen. Reaching a locked pack used to cost two taps and lose the user's place in the shelf. There is no store route in this app at all — Home is the only browse-and-buy surface.
Sample cards are shown before the price. Twelve of them, then a "+ N more" chip. A pack is content, and the only honest way to sell content is to show some of it.
The sheet stays open for the whole purchase. It shows its spinner and its disabled state rather than closing on tap — closing immediately let a second tap fire another purchase for the same product.
Kid-safe is a badge on the icon, for Family packs only. It is the one claim a parent is scanning for, and it is not true of the movie industries.
The buy button is gold and carries the price. Gold marks a paid action and nothing else; see reserved-gold.
There is no bundle link here. The sheet sells one pack. The bundle is sold on Home and on Score, where there is room to make the case.
Related
Sources
- .context/designs/mobile/store/pack-preview.html
Every project of mine is written down like this.
Read the résumé