Shapes, effects and animations
Corner rounding, text size, icon weight and entrance animations, for the whole site or block by block.
Shapes
In Theme › Shapes, adjust:
- the Button roundness;
- the Card & media roundness;
- the Text size;
- the Heading weight.
A reset button restores the style’s values.
Site-wide effects
In Theme › Effects:
- Icon weight: from Hairline to Bold, for the icons on cards, key figures, timelines and buttons;
- Entrance animations: turn on the switch, then choose an animation (fade, slide, zoom, reveal…). A Preview replays it before your eyes. A single animation applies to the whole site, to keep a consistent feel.
Visible on the site, not in the editor
Entrance animations play on the site, in the preview and once published, never while you are writing: the editor stays calm.
A block’s effects
Some blocks have their own effects, in the Block tab of the right-hand panel. For example:
- Title animation: Rising words, Words coming into focus or Decode, plus Rotating words to cycle through several words in a heading;
- Scroll effect: 3D straighten, Zoom, Parallax or Reveal;
- Hover effect: Spotlight following the pointer or 3D tilt.
A block’s animation setting also lets you depart from the site’s animation for that block alone.
A section’s effects
Animated ambience, heading entrances, statement text, stacked sections: these effects are set section by section, see Sections.
In moderation
One or two striking effects per page make more of an impression than an animation on every block. Keep the most spectacular ones for the home page.