Text elements
Text is the first group in the builder component drawer. It covers standard typography, animated treatments, and rich text-style blocks.
Available text elements
| Element | Typical use |
|---|---|
| Paragraph | Body copy and descriptions. |
| H1 | Primary page heading; use once per logical view for accessibility. |
| H2 | Section headings. |
| H3 | Subsection headings. |
| Animated Text | Headlines with motion or staged reveals. |
| Advanced Text | Richer text layouts than a single paragraph block. |
Editing workflow
- Drag the element into a container on the canvas.
- Select it to open the edit drawer.
- Update content (copy, links, inline options depending on element).
- Adjust style (font, color, spacing, alignment, responsive overrides).
- Use Advanced sections when the element exposes extra controls.
Accessibility and SEO
- Keep a logical heading order (
H1→H2→H3) without skipping levels where possible. - Do not replace real text with images of text for core messages.
- Prefer readable font sizes on mobile after you set desktop styles.
Frequently asked questions
Animated Text hurts my Core Web Vitals score. What should I do?
Reduce motion, shorten animations, or move critical copy into a static Paragraph or H2 and keep animation decorative.
Can I paste HTML from Word?
Paste plain text first, then format inside the builder to avoid hidden markup issues.