Sticky stack

How a component ships

Four passes, stacked. Nothing gets lost underneath.

  1. Pass 01

    Shape it

    Radii nest, spacing doubles between groups, and every value traces back to a token.

  2. Pass 02

    Light it

    One source from the top. Depth comes from surface steps, not from heavier shadows.

  3. Pass 03

    Line it up

    Hairlines are drawn once, shared by neighbours, and sit on the same four pixel grid.

  4. Pass 04

    Let it rest

    If the still frame does not read on its own, no amount of motion will rescue it.