Official Alook logo animation

The official 5-second Alook video-logo animation: a 60 fps, 1080×1080 Remotion composition built from the five color layers in the canonical logo.

This standalone project intentionally lives outside the Alook product repository. It bundles the locked canonical logo asset and the approved MP4/GIF exports.

Timeline

• 0–0.2s: fully empty frame hold.
• 0.2–1.13s: five body-color shapes grow from scale zero in a compact, staggered group; their expressions appear only as each body finishes becoming a bot.
• 1.2–2.5s: only after all five bots exist, they look left, right, and back to center.
• 2.5–2.6s: the ensemble holds still before the next action.
• 2.6–4.5s: the background avatars accelerate, complete three continuous color-wheel orbits, then decelerate into the logo while a borderless mask crops the ensemble.
• 4.5–5s: the constructed layers resolve to the canonical assets/alook.svg and hold.

The bundled public/alook.svg is locked to the canonical asset's SHA-256. npm run verify checks that asset, verifies frame 0 is fully transparent, and confirms the final frame matches the canonical logo. Maintainers can additionally set ALOOK_REPO=/path/to/alook to compare against a local product-repository checkout.

Preview and render

npm install
npm run dev
npm run render:mp4
npm run render:gif
npm run render:first-still
npm run render:final-still
npm run render:reference-still
npm run verify

• AlookLogoAlpha: transparent composition used for frame verification.
• AlookLogoPreview: dark-background official MP4/GIF composition.
• AlookLogoReference: canonical still used to verify the last frame.

Final deliverables are out/alook-logo-official.mp4 (1080×1080, 60 fps) and out/alook-logo-official.gif (540×540, 30 fps, looping). Verification stills are also written to out/.

The approved exports are committed under media/ for direct reuse. Generated render output under out/ remains ignored.