One card, three steps

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

Create an 8-second landscape product demonstration of a fictional note card. Show the exact journey 'Write' → 'Arrange' → 'Share' using three clear interface states, with the same card preserved between states. Use the placeholder note 'Our next small idea' and no cursor clicks, real brand logos, fabricated metrics or claims of a working application. Make the pace unhurried and the result legible on a phone. A charcoal, cool-neutral and restrained coral palette should support hierarchy. Describe the beats and four keyframes, then implement one HTML file using a pure seek(t) contract, window.DURATION = 8, locally drawn graphics and no network.