What it is
Text is the standard component for a single block of copy with one visual style.What it’s best for
Use it when you need clear messaging without mixing multiple styles in the same sentence.When to use it
- Headlines
- Body copy
- Labels above inputs
- Small legal or support notes
When not to use it
- Do not use it when part of the sentence needs a different style. Use Rich Text.
- Do not use long paragraphs when a shorter message would move the user faster.
How to add it in the dashboard
- Open the screen in the dashboard.
- Add Text from the Components panel.
- Select the text block on the canvas.
- In the properties panel, enter the copy and adjust styling.
- Review the screen hierarchy to confirm the text is easy to scan.
Key parameters
| Parameter | What it changes | When to adjust it |
|---|---|---|
| Text content | Sets the message shown to the user | Update it whenever the screen goal changes |
| Font size | Controls emphasis and hierarchy | Increase it for headlines and decrease it for support text |
| Weight | Makes text feel lighter or stronger | Use stronger weight for key actions or claims |
| Color | Changes visibility and tone | Use it to support hierarchy and contrast |
| Alignment | Aligns the text left, center, or right | Match it to the overall layout and reading pattern |
| Letter spacing | Adjusts how open or tight the text feels | Use it sparingly for display text or labels |
| Line height | Controls readability in longer text blocks | Increase it when body copy feels cramped |
| Margin | Adds space around the text block | Use it to separate text from nearby content |
Example use cases
- A bold value proposition at the top of a welcome screen
- A short supporting paragraph under a plan comparison
- A small confidence note under an email field
Best practices
- Keep the headline focused on one promise or one instruction.
- Use body copy only when it helps the user decide or complete the next step.
- Make the difference between headline, body text, and fine print obvious.
Common mistakes
- Using several text blocks when one concise message would be clearer
- Making every text block large and bold
- Center-aligning long paragraphs that would read better left-aligned