Loading states

Spinners

Four spinner directions for consideration, rendered against the warm page surface at the size they'd appear mid-page. Current Flowbite default included at the end for comparison.

Option 1

Logo tiles

Brand-mark tiles pulse in sequence. Direct reference to the Tangible glyph — highest recognition, feels "on-mission" while waiting.

Option 2

Counter arcs

Indigo arc clockwise outside, salmon arc counter-clockwise inside. Classic circular loader with the brand's two-tone signature.

Option 3

Tracked dots

Eight dots around an invisible ring, one saturates at a time. Editorial, restrained — matches the Spartan-eyebrow typographic cadence.

Option 4

Typographic glyph

Braille pattern characters cycling — distinctive, mechanical, editorial. Works in any color. Risky; may feel too niche for the audience.

Current

Flowbite default

What the app uses everywhere today — 4px gray ring with a single indigo arc. Julia's "lol" reference point.

design-preview/spinners.html · four directions + current baseline