Animated Text
Use Animated Text for headlines or phrases that need motion.
When to use Animated Text
- Highlight a changing word or phrase.
- Add movement to a hero headline.
- Create a staged reveal for non-critical copy.
Content settings
| Setting | What it controls |
|---|---|
| Text content | The visible animated copy. |
| Animation behavior | Motion style, timing, delay, repeat, or related animation controls when available. |
| Inline formatting | Highlighted or emphasized words when supported. |
Style settings
| Style area | What you can adjust |
|---|---|
| Typography | Font family, size, weight, line height, and letter spacing. |
| Colors | Text color, highlight colors, and highlight background. |
| Alignment | Text placement inside the container. |
| Spacing | Margin, padding, width, and responsive spacing. |
Best practices
- Keep critical copy understandable even if animation is disabled or missed.
- Reduce motion if the animation distracts on mobile.
- Avoid animated legal, pricing, or compliance text.
FAQ
When should I use this page?
Use this page when you need a quick reference for this Atomicat feature and want to understand what it changes before editing or publishing. It is especially useful while reviewing a page, funnel, quiz, lead flow, product setup, video configuration, or account setting. For Animated Text, keep a short checklist of the fields you changed and test the result in the same browser session.
Do I need to configure this before publishing?
Configure it before publishing whenever the feature affects visitor behavior, tracking, SEO, forms, embeds, checkout, or access. If the feature only changes internal organization, review it before launch so your team can manage the campaign consistently. For Animated Text, keep a short checklist of the fields you changed and test the result in the same browser session.
Can this affect live pages?
Yes, some settings can affect live pages after saving or publishing. Always preview the page, test the main action, and confirm desktop and mobile behavior before sending paid traffic or sharing the URL. For Animated Text, keep a short checklist of the fields you changed and test the result in the same browser session.
What should I check if something looks wrong?
Check the page status, project access, saved revisions, browser cache, connected domain, and any related integrations. If the feature depends on a plan, permission, or enabled module, confirm that your workspace has access. For Animated Text, keep a short checklist of the fields you changed and test the result in the same browser session.