Design a sleek website — motion, shape dividers & editorial sections

A few tools take a site from "template" to "designed" — without any code.

Motion (sections reveal as visitors scroll):
1. In Builder, open Settings and find "Motion".
2. Choose a style — Fade up, Zoom in, Slide, etc. It applies site-wide to your content sections.
3. That's it. As visitors scroll, each section eases into view.
Good to know: content already on screen when the page loads appears instantly (no waiting), and the effect automatically turns off for visitors who prefer reduced motion. It also never hides content from search engines.

Shape dividers (curved or angled section edges):
Straight edges between full-width sections are what make a site feel "blocky." A shape divider replaces that hard line with a wave, curve, angle, or tilt.
• Set a divider on a section's top or bottom edge and pick its colour (usually the colour of the next section, so they flow into each other).
• Mix a couple down a page for a modern, magazine-like flow.

Editorial sections (break the grid):
• Showcase — a large image with a floating card that overlaps it, for depth and asymmetry instead of another stacked band.
• Split Feature and Statement — image-beside-text and bold centred statements that style themselves from your Brand Kit.
These are under the "Design" blocks and take on your fonts and colours automatically.

Free-form canvas (place anything anywhere):
For full control, switch a page to the free-form canvas (Page settings → Layout → Free-form). You can drag blocks anywhere, overlap them, and go off-grid — the way designers work.
• Blocks snap to a 12-column grid and to each other as you drag.
• Select a block and nudge it with the arrow keys (hold Shift for bigger steps) for pixel-level control.

Start with your Brand Kit, add a subtle motion, put curves between a few sections, and use a Showcase or two — that's the difference between a page that looks made-from-a-template and one a designer would ship.