Line height and paragraph spacing
Control the vertical spacing between lines and between paragraphs within a text layer.
Line height
Line height (also called leading) is the vertical distance from one baseline to the next within the same paragraph. It controls how open or tight the lines of text feel.
Values:
- Auto — Lovision sets a line height automatically based on the font size (typically ~120%).
- Fixed (px) — a specific pixel value. Use this when you need precise control, such as when using type at a specific grid system.
- Multiplier (×) — expressed as a multiple of the font size (e.g., 1.5 = 150% of the font size). This scales proportionally if font size changes.
Good defaults by use case:
| Context | Recommended line height |
|---|---|
| Headlines | 1.1–1.2 |
| Body text | 1.4–1.6 |
| Code / monospace | 1.5–1.8 |
Paragraph spacing
Paragraph spacing adds extra vertical space between paragraphs (separated by a hard return). It is in addition to line height.
Use paragraph spacing when you have multi-paragraph text and want visual separation between paragraphs without adding empty lines manually.
Setting line height and paragraph spacing
- Select a text layer.
- In the right inspector, open the Typography section.
- Find the Line height field and type a value or use the scrubber.
- Find the Paragraph spacing field (if available) and set a value.
Tips
- Increase line height if text at body size feels hard to read. A value of 1.5–1.6× is comfortable for most body text.
- Avoid setting line height below 1.0 — descenders from one line will overlap ascenders from the next.
- Paragraph spacing works best in conjunction with a modest line height — avoid double-spacing lines AND adding large paragraph spacing simultaneously.