Spokes – animated logo concepts

Loading-screen loops · SVG + CSS only · reduced-motion shows the static logo · draft, not live

A · Converge — Spokes draw in from the rim, gather at the teal hub, then a light sweep illuminates the wheel.

32 / 16 px

B · Blueprint — Thin-line technical laced wheel draws on charcoal, then the hub glows teal.

32 / 16 px

C · Macro spoke — One spoke + nipple on a matte rim (like the photo) rotates out into the full minimal wheel.

32 / 16 px

Wordmark options to pair with B (Blueprint) — pick one

1 · Refined Jost — today’s Spokes wordmark, solid, beside the blueprint wheel. Wheel draws, then the name fades up.

2 · Outline → solid — the name draws as thin white outlines (like Polymer), then fills solid.

3 · Wheel as the ‘o’ — the blueprint wheel sits inside the word; the wheel draws first, then the letters appear.