Components

Spark

The kit's own spark mark (not a brand logo) with thinking / entrance / exit / tickle motion, WorkingMark, ThinkingDots and ShimmerText.

12 tapered rays in currentColor; clay #d97757 by default in both modes. Size takes px or any CSS length.

Sizes

Greeting recipe1cap box (0.72em fallback), scaled 1.333, 0.3em end margin, serif display.

Good evening

Statesthinking loops every 2.4s (60° = ray symmetry); one-shots emit end.

thinking

idle

Brand tile, avatar and lockup

Assistant

WorkingMarkdots (0 / .2 / .4s on 1.8s) or halo; done cross-fades to the Spark.

ThinkingDots

Thinking

Real text with a highlight band every 3s; plain base colour when inactive or under reduced motion.

Tones

Thinking about your request… Searching the web Writing the report

Strong and inactive

Strong band Inactive

Turn status row

Running 3 tools12s

Thinking…