Logo Animation

Had some fun with the logo and branding on the site. I initially just wanted to animate the red dots, but then thought it would be fun to do something with the letters too. Below my explorations. Hover over or tap on mobile to trigger the animation.

01 Icon Only

250ms morph from circle to square, icon pops in

02 Crossfade

250ms crossfade to shuffled letters, 0–140ms random stagger

03 Slot Machine

55ms reels to shuffled letters, 260ms bounce, left to right

04 Slot Machine Word

55ms reels to words, 260ms bounce, left to right

05 Scramble

Grey flicker slowing from 45 to 150ms, 220ms fade in to shuffled letters

06 Scramble to Word

Grey flicker slowing from 45 to 150ms, 220ms fade in to words

07 Glide

640ms shrink and slide to shuffled letters, 0–140ms random stagger

08 Split-Flap

90ms flips to shuffled letters, 45ms stagger, left to right