Paragraph
Use Paragraph for normal body copy and supporting text on a page.
When to use Paragraph
- Explain an offer, feature, product, or step.
- Add disclaimers, notes, helper text, or short descriptions.
- Support a heading with readable body copy.
- Add text that should not be treated as a page heading.
Content settings
| Setting | What it controls |
|---|---|
| Text field | The visible paragraph copy. |
| Type | Paragraph uses the p text tag. |
| Inline formatting | Bold, links, highlights, or inline formatting when available. |
Style settings
| Style area | What you can adjust |
|---|---|
| Alignment | Left, center, right, or justified text alignment. |
| Typography | Font family, size, weight, line height, letter spacing, and responsive typography. |
| Color | Normal text color. |
| Highlight | Highlight text colors and highlight background when highlighted text is used. |
| Hover | Hover colors when the style tab exposes hover state. |
| Spacing | Margin, padding, width, and responsive spacing from shared style controls. |
Best practices
- Keep paragraphs short enough to scan on mobile.
- Use headings for structure and Paragraph for explanation.
- Avoid pasting formatted text from external editors if it brings unwanted hidden styles.
- Check mobile line height and font size before publishing.
Testing notes
- Read the paragraph in context with the heading above it.
- Preview mobile line length, font size, and spacing after editing copy.
- Click any inline links and confirm highlighted text still has enough contrast.
FAQ
When should I use Paragraph?
Use Paragraph for body copy, explanations, disclaimers, helper text, and supporting content that should not be marked as a heading.
What should I configure before publishing paragraph text?
Review the text field, inline formatting, links, alignment, typography, color, highlight styles, hover styles if used, and responsive spacing.
Should I use Paragraph or a heading element?
Use Paragraph when the text explains or supports a section. Use H1, H2, or H3 when the text creates page structure.
What should I check if paragraph formatting looks inconsistent?
Remove pasted formatting, confirm typography and color settings, check highlights or links, and preview line height on mobile.