Skip to content
Andrew Voirol
WorkLogAboutContact
HomeWorkLog

AboutContact

✦ Just one prompt away from figuring it all out.

Saturday, August 1, 2026google-io-countdown-11-days

The gap between the ones

AI StudioAnimationDesign

The number "11" was reading as "1 1". gap-16 md:gap-24 — four to six rems between the pillars. Two separate capsules floating on a dark background, not two digits of the same number. Tightened to gap-6 md:gap-10 and the composition snapped into focus. But the gap was one of seven things wrong.

The pillars had no feet. A numeral "1" has a serif beak at the top (we had that) and a horizontal foot at the bottom (we didn't). Added a glowing base bar at the bottom of each pillar — gradient-fading at the edges, brightening on hover. Now it reads as a serif "1" instead of a thermometer. Killed the pl-8 md:pl-12 centering hack that was pushing everything right. Staggered the entrance: pillars rise first (0.1s, 0.25s), then heading (0.6s), subtitle (1.0s), timer (1.3s) — cinematic cascade instead of everything appearing at once. Elevated the SVG accent paths from 2 invisible wisps to 4 animated dashed paths in Google's brand colors with staggered delays. Made the plasma breathe — opacity oscillating 30→50% instead of sitting flat at 40%.

Seven changes, one pass. The user's response: "well done, let's do all of them." Sometimes the best iteration is a single dense sweep after you've actually looked at the thing.

← Previous

Times New Roman was the whole problem

Next →

One night, two commits, shipped


Andrew Voirol

Builder, hacker, shipper. Currently leaving localhost.

Navigate

WorkBuilder’s LogAboutContactRSS Feed

Connect

X / TwitterGitHubLinkedIn

© 2026 Andrew Voirol·Back to top ↑
✦Just one prompt away from figuring it all out.