Opening Film
The first frame gives the site a premium first impression.
Strong composition, slow reveal, intentional negative space.
Hero motion direction.Motion & Visuals
Motion that helps people understand the page.
Animation should guide attention, show hierarchy, and make the site feel alive without hiding the message or slowing the experience.
Heroopening assetLoopsection rhythmStatevisible feedback
Motion Surfaces
Loops with a job, not decoration.
Section Loop
Small motion keeps scanning alive without stealing attention.
Pulses, glides, masks, status cues, controlled parallax.
Loop behavior sheet.Interaction State
Hover and focus states expose hierarchy.
Motion responds to intent and still respects accessibility.
State map.Page Transition
Pages feel connected without pretending to be a movie.
Fast masks, preserved orientation, no gratuitous delay.
Transition rule.Motion Rules
Every movement carries hierarchy.
Frame
opening composition and crop safe zones
Pretty loop with no page role.Move
one camera idea per asset
Confused camera choreography.Bind
shared palette, grid, and status marks
Clips feel unrelated.Ship
poster, fallback, reduced-motion state
Heavy media with no fallback.Motion should help visitors understand the offer faster, not distract from it.
kenneth@kyveroskollektiv.com