UIUXjobsboard

GLOSSARY

Get weekly
design jobs!

Vertical Rhythm

UX Design

What is Vertical Rhythm

Vertical Rhythm is a design principle that establishes consistent spacing and alignment between elements down a page. It creates a regular cadence in the layout, similar to lines on ruled paper, helping to organize content and improve readability.

Components of Vertical Rhythm

Key elements include:

  • Baseline Grid: Regular vertical spacing increments
  • Line Height: Consistent spacing between text lines
  • Margins: Spacing between content blocks
  • Padding: Internal element spacing

How to implement Vertical Rhythm

Create vertical rhythm by establishing a base unit (often the line height of body text), then using multiples of this unit for all vertical spacing. Maintain consistent proportions across different screen sizes and devices.

Benefits of Vertical Rhythm

This technique creates visual harmony, improves content readability, establishes a professional appearance, and helps users scan and comprehend content more effectively. It provides a structured foundation for responsive layouts.

UX Design Terms

See more UX Design terms

Contextual Enquiry

What is Contextual Enquiry Contextual Enquiry is a field rese...

Stakeholder Interviews

What are Stakeholder Interviews Stakeholder Interviews are st...

Usability Testing

What is Usability Testing Usability Testing is a research met...

Tree Testing

What is Tree Testing Tree Testing is a usability research met...

Cognitive Load

What is Cognitive Load Cognitive Load refers to the amount of...

Customer Activation

What is Customer Activation Customer Activation is the proces...