Motion presets for the whole site
One click sets how your whole site moves: Still, Calm, Cinematic or Bold. A preset sets the animation, the background texture and the scrolling options together, and you fine-tune each part afterwards.
PLANSEvery plan
The problem it solves
- Some sections fly in, others fade, and the site feels like five designs stuck together.
- Finding the right mix of animation, smooth scrolling and texture takes an afternoon of switches.
- A calm brand ends up with buttons that jump at the mouse because a template did so.
How it works
- Open the editor's Design tab and find Motion.
- Click a preset: Still, Calm, Cinematic or Bold. The page in the editor changes at once.
- Fine-tune afterwards: Animation and Background texture under Style, and the scrolling switches in the Site tab.
- Making a page with Make a scroll story with AI, the feel you choose sets the preset too.
Everything it does
The four presets
- Still: nothing moves; no smooth scrolling, no progress line
- Calm: gentle fades as sections come in, smooth scrolling
- Cinematic: gentle fades, film grain, smooth scrolling and a progress line at the top
- Bold: lively movement, a colour mesh background, smooth scrolling, a progress line and buttons that lean toward the mouse
What a preset sets
- Animation: Still, Gentle or Lively
- Background texture: None, Film grain or Colour mesh
- Smooth scrolling, Line at the top showing how far down the page, Buttons lean toward the mouse
Always respected
- Visitors who turned motion off on their device see no animation
- A section can still have its own animation, set on that section
Who uses it
Website EditorPicks the preset and fine-tunes it.
Where you use it
- Web: the editor, Design tab > Motion; fine-tuning under Style and in the Site tab
What you control
Settings
- Motion: whatever the design sets until you pick a preset
- Animation, Background texture, Smooth scrolling, progress line and leaning buttons, each on its own
Questions
Is this only on Scale?
No. The motion presets work on every plan.Can I take one part of a preset and change another?
Yes. A preset only sets the switches. Change Animation or Background texture under Style, or the scrolling switches in the Site tab.Will movement bother some visitors?
Visitors who turned motion off on their device see no animation, whatever preset you choose.Does a preset change my colours or fonts?
No. It changes only how things move and the background texture. Your colours, fonts, pages and words stay as they are.Can one section move differently from the rest?
Yes. Each section has its own animation setting, such as Rise, Fade, Zoom or From the left. Leave it on As the design says to follow the preset.Related features
BRANDS AND LARGER SHOPSScroll stories: pinned, sideways, zoom and giant wordsSections that move with the scroll. A story stays pinned while its pictures change, the page moves sideways, a picture zooms open, giant words slide behind your product. They come with every plan.BUILDING THE SITEShaped edges, backgrounds and animation on scrollGive each section its own background: colour, gradient, glow, picture or video. Draw its edges as a wave, slope, curve or torn paper, and choose how it appears on scroll. Visitors who turned motion off on their device see a still page.BUILDING THE SITEColour sets and fonts for the whole siteChange the colours and fonts of the whole site in one go. Pick one of 24 colour sets and 21 font pairs, change any colour, and set how titles, buttons and cards look. The editor warns when colours are too alike to read, and the site keeps text readable by itself.BUILDING THE SITEStyle any heading or button on its ownThe design sets how every heading and button looks, so the site stays consistent. When one needs to stand out, such as a bigger price or an outline button, style just that one from the text toolbar. One click takes it back.BRANDS AND LARGER SHOPSScroll films, made from your video or with AIA film that plays forward and back as the visitor scrolls: a product turning, a camera moving through your hotel. Upload your own video, or have AI make a clip from a description or from a first and last picture.
See your business on a real design.
Tell us what you do and what the site needs to do: bring enquiries, take bookings, show your work or sell. We will start your site from the closest design with you.