Playground
Drop a logo anywhere on the page, then tune the bake until the mark still reads at 20px.
Bake
24 dots
Dots across the longest side.
0.18
Ink coverage a cell needs to become a dot.
1
Below 1 boosts faint ink.
0px
Grows the mask. The fix for hairline strokes.
InvertLight ink on a dark background, in luma mode.
Trim to contentCrop the empty margin before sampling.
Render
A lit band sweeps across the mark on the diagonal.
256px
1×
0.62
Dot diameter as a fraction of the cell.
0.5
How much ink coverage drives dot size.
0
0.06
Colour
Natural aspectSize the canvas to the mark instead of a square box.
Simple
The mark on its own, at four sizes.
Baking…
64px
32px
20px
AI agent
Standing in for the spinner in a reasoning, task and message stream.
Searching the codebase0.0s
Loaders
Click one to watch the icon morph.
Click one. The icon blurs out as the mark resolves in, the animation runs, and the settle spring pulls the dots back into the logo.