# SkillPick motion identity

Light, editorial and practical. Use the actual site palette: canvas #fcfcfd, ink #202634, muted #616a7c, accent #4f46e5, surface #f4f5f9 and lines #e5e8ef. Typography uses the built-in Segoe UI family for dependable local rendering; it matches the site's system fallback. A system serif is unnecessary for this short product walkthrough.

1280×720 landscape; 12 seconds; 30 fps; silent. Three four-second scenes: Discover, Preview, Download. Large titles, left aligned, quiet geometric visual explanations on the right. No fabricated counts, ratings, review endorsements or browser screenshots. Original vector/CSS shapes only. Honest closing statement: free skill packages; model and API costs are separate.

# Expanded production brief

Rhythm: quick discovery → measured preview → deliberate download hold. This is an original conceptual explainer, not a recording of the live website. Scene 1: search bar and task/category chips settle into a focused selection. Scene 2: a play symbol and document frame reveal an example, with a separate requirements label. Scene 3: an archive tile travels into an outlined local-agent folder. The visual transfer conveys download; nothing executes online.

Each scene has a stable brand header and bottom progress rail. Content occupies a two-column hero frame with 64px+ typography. On the light canvas, use a large surface panel and accent-tinted structural shapes to retain depth. Entrance motion varies by purpose: slide for discovery, scale for preview, vertical transfer for the archive. Related scenes use a directional push; no flashing, ambient camera zoom or paid/generated assets.

Motion: paused deterministic GSAP timeline; fromTo entrances; hard scene visibility states at boundaries. Scene 1 visible at time zero, later scenes hidden initially. Transitions at 4 and 8 seconds. Hero checks at 2, 6 and 10 seconds. No narration or audio bed. Final validation requires actual CLI check, snapshot, render, decoded-frame inspection and ffprobe duration/stream checks.