Layout.dev°

A short promo animation for Layout.dev built around dark gradients, kinetic typography, and UI-driven product moments. My role was focused only on the animation: bringing the supplied ideas, design direction, and interface scenes to life through timing, transitions, type movement, and polish.

Client
Layout.dev
Category
Motion design
Year
2026
Role
Animation
Timeline
4 days
Tools
Animation, Kinetic typography, UI motion

Overview

A compact promo film for Layout.dev with dark gradient lighting, large kinetic typography, and UI-led product scenes. The wider team handled the concept, design, and other production pieces; my contribution was the animation pass that brought those elements together on screen.

The challenge

The main challenge was aligning the client’s idea with how I understood and executed the motion. It took a few rounds of revisions, and the 4-day deadline was extra tight because I had a vacation planned right after the project. Even with the rush, the client was happy with the final animation.

Approach

  1. 01Translated the client and team direction into animation beats I could execute clearly.
  2. 02Used large type, dark gradients, and interface layers to keep the film moving fast.
  3. 03Handled revisions to better align the motion with the client’s idea.
  4. 04Prioritised polish under a 4-day deadline while also racing before a planned vacation.

What I did

  • Typography animation
  • Gradient-led motion
  • UI scene animation
  • Revision and polish pass