UI/UX
Lesson 34 of 34 · Typography & Spacing 5/5
Typography & Spacing

Line height

Body text reads best with line height around 1.4 to 1.7.

See it

Don't
  • line-height of 1.0 makes lines crowd each other
Do

Our process

We start with research, then map the journeys your buyers actually take. Next we design, test with real users, and hand over clean files your developers can build from without guessing.

Why it matters

Body text needs breathing room between lines, typically 1.4 to 1.7 times the font size. Tight leading turns paragraphs into a wall.

How to apply it

  • Use about 1.5 for body copy
  • Use tighter leading (1.1 to 1.25) for big headings
  • Add space between paragraphs too

Common mistakes

  • line-height: 1 on paragraphs
  • The same line height for headings and body

Quick answers

What is Line height?

Body text reads best with line height around 1.4 to 1.7. Body text needs breathing room between lines, typically 1.4 to 1.7 times the font size. Tight leading turns paragraphs into a wall.

How do I apply Line height in UI design?

Use about 1.5 for body copy. Use tighter leading (1.1 to 1.25) for big headings. Add space between paragraphs too.

What are common mistakes with Line height?

line-height: 1 on paragraphs. The same line height for headings and body.

Further reading

That's the last lesson in Typography & Spacing

Test what you learned in the Level 7 quiz, then move on.

2 min

Test yourself

Practise
Tool

Type scale generator

Open
5 min

Is your site doing this?

Check it