Text Elements
Add and configure text elements — fonts, sizes, colors, alignment, and rich text formatting.
Adding a Text Element
Text elements display static content that remains the same on every generated PDF. Use them for headings, labels, legal text, company names, and anything that doesn't change between documents.
- Click Text in the toolbar (or press
T) - Click on the canvas to place the element
- Type your content directly on the canvas
Editing Text Content
Double-click any text element on the canvas to enter edit mode. You can:
- Type or paste text directly
- Select text to apply formatting
- Press Enter for multi-line text
- Press Escape or click outside to exit edit mode
Typography Settings
Select a text element and use the inspector panel on the right to configure:
Font Family
Choose from a library of built-in fonts including popular choices like Inter, Roboto, Open Sans, Lato, and more. Enterprise users can upload custom fonts.
Font Size
Set the font size in pixels. Common sizes:
- 10–12px — Body text, fine print
- 14–16px — Labels, descriptions
- 18–24px — Section headings
- 28–36px — Document titles
Font Weight
Control text boldness. Available weights depend on the selected font:
- Light (300) — Thin, elegant text
- Regular (400) — Default body text
- Medium (500) — Slightly bolder than regular
- Semi-Bold (600) — Emphasis without full bold
- Bold (700) — Strong emphasis, headings
Font Color
Click the color swatch to open the color picker. You can enter a hex code directly (e.g., #333333) or use the visual picker.
Text Alignment
Align text within the element's bounding box:
- Left — Default, text flows from the left edge
- Center — Centered within the element
- Right — Right-aligned
Line Height & Letter Spacing
- Line height — Controls vertical spacing between lines. A value of 1.5 is comfortable for body text, 1.2 for headings.
- Letter spacing — Adjusts horizontal space between characters. Use positive values for airy text, negative for tighter headings.
Text Decoration
- Underline — Adds an underline beneath the text
- Strikethrough — Draws a line through the text
- Italic — Renders text in italic style
- Uppercase — Transforms text to all caps
Text Overflow
When text content exceeds the element's bounding box:
- Visible — Text overflows beyond the boundary (default)
- Hidden — Text is clipped at the boundary
- Ellipsis — Clipped text shows "..." at the cutoff point
Best Practices
- Use consistent font sizes and families across your template for a professional look
- Limit yourself to 2–3 font families per template
- Use font weight and size to create visual hierarchy instead of many different fonts
- Use dark text on light backgrounds for readability (contrast ratio matters for scanning)
Next Steps
- Field Elements — Add dynamic text that changes per document
- Typography & Fonts — Advanced typography configuration
- Custom Fonts — Upload your brand fonts