Spinner
A cell breathing grain while something loads.
Loading the print
States
-
Loading
role=status
Breathing for as long as it shows. Switch Motion to Reduced to see it still.
Anatomy
| Size | 24px, one module |
|---|---|
| Ring | --ink, 1.2 dots at 90% |
| Fill | --tissue grain breathing between 5% and 85%, about every 1.4s |
| Redraw | ~30fps while it shows |
| Reduced motion | still, the fill at 60% |
| Role | role="status" with a label saying what is loading |
The redraw rate is read from ui.ts at build time.
Notes
-
Drawn
A cell breathing grain while something loads, as the hero’s bodies breathe. It never spins: nothing on the site rotates.
-
Open
Nothing on the site waits visibly today: pages arrive with the cascade and pictures rest on their print from the first paint. A spinner ships only when something does.