Align before you style

8s · 16:9 · Original authored example, not a claimed AI generation

Create an 8-second landscape design tutorial with three beats: misaligned rectangles, shared baseline, consistent spacing. Exact instructional copy: 'Find the baseline', 'Align the edges', 'Give it space'. The rectangles should be simple and the improvement visible without a voice-over. Do not use an existing product UI or a real brand. Include a final pause to compare alignment. Plan four keyframes and beats first, then provide a self-contained HTML animation exposing window.DURATION = 8 and async window.seek(t). Use charcoal, cool neutrals and a small coral baseline, with no network or time-based loops.