FeaturesGuidesUse casesCompareToolsBlogPricing
Glossary· Design

What is line height?

Line height is the vertical distance between lines of text.

Definition

Usually set as a multiple of the font size, line height (or leading) controls how dense or airy a paragraph feels.

Why it matters

Too tight and paragraphs feel cramped and hard to track; too loose and lines drift apart. Good line height makes long reading comfortable.

How to get it right

  • Body text: around 1.5 to 1.7 times the font size.
  • Large headings: tighter, around 1 to 1.2.
  • Keep lines to roughly 60 to 80 characters wide.
  • Test on a phone.

Mistakes to avoid

  • The same line height for headings and body
  • Very wide paragraphs
  • Cramped body text

Related terms

Orlume, the design-first AI website builder, gets the details on this page right for you: describe your site in one prompt and it decides the layout, type, colour and structure, builds it in React and Next.js and puts it live in one click.

Free to start · No card required · Live in one click

More design terms

Questions

Questions, answered.

The things people ask before they start building.

What is line height?

Line height is the vertical distance between lines of text. Usually set as a multiple of the font size, line height (or leading) controls how dense or airy a paragraph feels.

Why does Line height matter?

Too tight and paragraphs feel cramped and hard to track; too loose and lines drift apart. Good line height makes long reading comfortable.

How do you get line height right?

Body text: around 1.5 to 1.7 times the font size. Large headings: tighter, around 1 to 1.2. Keep lines to roughly 60 to 80 characters wide. Test on a phone.

Still stuck? Email us

Build something that doesn't look AI-made.

Describe the site you want. Watch it get designed, not just generated. Then publish it to its own orlume.site address.

  • Free to start
  • No card required
  • Publish to a live URL
  • You own the code