<?xml version="1.0" encoding="utf-8"?>

Provide enough white space

Provide enough white space Bad Practice
Provide enough white space Best Practice

Thoughtful use of white space within cards not only enhances readability but also guides users' focus towards key elements. Here are some tips on the effective use of space within cards:

  • Maintain consistent margins: Keep a uniform distance between the card's content and its edges to avoid a cluttered look.
  • Use dividers sparingly: If you must differentiate between elements, subtle dividers or varying text sizes can do the trick without eating up space.
  • Group related elements: Place interconnected information or actions close together, guiding users naturally through the card's content.
  • Prioritize content: Utilize space to emphasize important information, perhaps through a larger font or a more central placement within the card.
Improve your UX & Product skills with interactive courses that actually work