Motion Graphics
Some fun using AI to drive motion graphics. The site's logo mark — one simple SVG path — explored through animation personalities, section dividers, and brand assets. Every motion here started as a prompt.
Experiment 01
Three variations of the site's logo mark — exploring different animation personalities.
Variation 1
Pulse Glow
Breathes in and out with an amber glow on a continuous loop.
Variation 2
Draw On
Outline traces itself, then fills with amber. Loops with a pause.
Variation 3
Electric Crackle
Sparks flicker from the bolt edges at staggered random intervals.
Experiment 02
Three motion treatments for the amber gradient rule used across the site. Each replays when you start scrolling again.
Chapter One
Variation A — Draw On
Chapter One
Variation B — Bolt Flash
Chapter One
Variation C — Shimmer
Experiment 03
Three bolts flicker on sequentially like lightbulbs, hold, then go dark and loop.
Chapter One
Experiment 03 — Bolt Light-Up
Experiment 04
1200 × 627 — screenshot this card for LinkedIn post images. Zoom out (Cmd –) for full resolution.
Building What Matters
Experiment 05
1584 × 396 — three layout variations. Screenshot whichever you prefer. Zoom out (Cmd –) for maximum resolution.
Building What Matters
Variation A — Centered Stack
Building What Matters
Variation B — Horizontal Split
Building What Matters
Variation C — Bolt as Hero
Built by Steve Black with Claude — every animation started as a prompt.
←Back to Playground