Skip to content
Ritesh FirodiyaGet in touch

Work / Imposter / Wiki / Surfaces

packs

Surfacecanonicalverified 2026-09-23

SURFACE.MOBILE.SETUP.PACKS

Summary

Ten packs, multi-select, with the player's own pack as a row.

Raw wireframe

  • .context/designs/mobile/setup/packs.html

Why it is drawn this way

Packs are multi-select. An earlier version made you pick exactly one, which is a decision nobody wants to make every round. imposter.app ships "Everyday Things +5"; Imposter Who? defaults to "All Categories". Picking several is the normal case, so Select all sits in the header.

The base file is the UNLOCKED screen, and the free tier is the locked state. That inverts what most people see, and it is deliberate: locked is the closed vocabulary's word for seven packs behind a gate, so the state has to be the gated one. Base here means "no state applied", not "typical".

A locked pack is dimmed and labelled, never hidden. A pack nobody can see is a pack nobody buys, and hiding them makes seven tiles appear from nowhere the moment someone pays. Tapping one opens paywall rather than doing nothing — a tile that ignores a tap is a bug the user has to disprove.

Every tile prints words AND hints. The best review in the competitive set is about hint quality — "Word: Will Smith, Imposter Hint: Slap — it feels like humans put thought into this." Competitors advertise word counts; nobody advertises hints, because nobody writes them.

The counts are the real ones. 749 pairs across ten packs: 75 each except Movies & TV, which has 74. registry.test.ts enforces one hint per shipped pair, so words and hints are the same number for every shipped pack — they diverge only on custom, where a hint is optional. An earlier wireframe invented 76, 77, 73 and 72, and left Jobs and Gaming out of the grid altogether.

The plate is white with a line icon. The two roles own the green and the black, so a pack cannot borrow either — the drawing carries the meaning instead. See two-roles.

Selected is a 4px ink border plus a check badge, matching Tile() in the app. An earlier wireframe used a white ring, which is a different thing on a white plate.

Related

Sources

  • .context/designs/mobile/setup/packs.html
  • src/app/setup/packs.tsx
  • src/data/categories.ts
  • src/data/registry.test.ts
  • src/theme/icons.tsx — CATEGORY

Every project of mine is written down like this.

Read the résumé