Document Stack
Document Stack
Docs

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.

  1. Click Text in the toolbar (or press T)
  2. Click on the canvas to place the element
  3. Type your content directly on the canvas
For content that changes per document (customer names, dates, amounts), use a Field element instead.

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
For dynamic content that varies in length, consider using auto-sizing or setting a generous element height to prevent overflow.

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