The recorded motion-design landing starts with a centered two-line promise, violet action and logo proof. An editor-style preview, curved animation path, dark collaboration panel, feature examples and a colorful template grid describe the design-to-motion workflow.
1. Centered product-team headline and violet action. 2. Customer logo row. 3. Editor-style animation preview. 4. Design-to-motion asset import example. 5. Curve and timing animation section. 6. Dark share, review and shipping panel. 7. Feature examples and template gallery. 8. Designer proof and compact footer.
The page uses actual motion-design visual language—paths, timelines and assets—to explain its value. Violet accents connect the neutral editor previews, and the dark collaboration section separates creation from review and delivery.
Refero [style page](https://styles.refero.design/style/1f782141-d407-4c27-8cee-2246720a9f42) and [recorded video](https://images.refero.design/styles/refero.design/video/59277f8a-cc65-4e87-b81e-7aeeff838677.mp4); [live site](https://www.lottielab.com/) checked on 2026-10-05. The recording is a point-in-time reference; current site content may differ. Descriptions distinguish the recording from the current page where they differ. Layout and motion notes come from sampled recording frames and automated live captures; interactive controls were not comprehensively tested. The animation editor is a marketing demonstration; no Lottie file was imported, edited or exported.