What it is
Rich Text lets you style different parts of the same line or paragraph differently.What it’s best for
Use it when emphasis inside the sentence matters as much as the sentence itself.When to use it
- Highlight a keyword in onboarding copy
- Emphasize price savings inside a comparison line
- Style a product name differently from the rest of the sentence
- Make a short inline disclaimer easier to scan
When not to use it
- Do not use it for plain headlines or normal paragraphs. Use Text.
- Do not over-style every word. Too much emphasis weakens the message.
How to add it in the dashboard
- Open the screen in the dashboard.
- Add Rich Text from the Components panel.
- Select the component on the canvas.
- In the properties panel, enter the text segments and style only the parts that need emphasis.
- Review the sentence on the canvas to make sure the emphasis is obvious but not distracting.
Key parameters
| Parameter | What it changes | When to adjust it |
|---|---|---|
| Text segments | Splits the message into individually styled parts | Use it when one phrase needs special treatment |
| Font size | Controls hierarchy within the sentence | Increase only the phrase that should stand out |
| Weight | Adds emphasis to important words | Use it for product names, savings, or key outcomes |
| Color or gradient | Draws attention to selected text | Use it sparingly for one clear focus area |
| Alignment | Aligns the full text block | Match it to the surrounding layout |
| Margin | Adds space around the text block | Use it to keep the callout readable |
Example use cases
- “Start your 7-day free trial” with the offer highlighted
- “Built for product teams” with the audience emphasized
- “Save 20% annually” inside a paywall message
Best practices
- Emphasize one phrase, not half the sentence.
- Keep the sentence short so the styled phrase has impact.
- Use it where emphasis changes the user’s understanding or motivation.
Common mistakes
- Styling too many words differently
- Using rich text for long paragraphs
- Adding visual emphasis without a clear business reason