NotionPaul VelleuxAnnouncement
Updating the design of Notion pages
Summary
Notion revisited its page design after years of adding blocks with inconsistent spacing and related details. Rather than relying on baseline alignment, which is difficult across browsers and user-controlled block heights, the redesign uses standardized spacing to create rhythm while preserving flexibility. The team also changed paragraph spacing so readers can scan documents and see breaks more clearly, then addressed the resulting problem of lists feeling too loose or too tight. Its solution treats blocks above and below a block as adjacent and reduces padding when neighboring items belong to a list, including checklists, bulleted, toggle, numbered, and page lists. Notion says the system will roll out across all pages, including lists, headings, and mixed-content documents, over the coming weeks.
Context
Notion had accumulated inconsistent spacing and other details across its blocks. The team wanted pages to have predictable flow, clearer paragraph breaks, and compact list presentation while remaining flexible across web displays and user-controlled block heights.
Approach / What changed
The redesign replaces baseline alignment with standardized spacing and uses block adjacency rules to vary padding. When neighboring blocks are list items, padding is reduced so they form a compact group; the rules apply to checklists, bulleted, toggle, numbered, and page lists.
Takeaways
Standardized spacing provides rhythm without relying on baseline alignment across browsers, screen resolutions, operating systems, and user preferences.
Paragraph spacing is separated more clearly from single-line spacing to make document scanning and paragraph breaks easier.
Adjacent list items receive reduced padding, while the updated system is planned for lists, headings, and mixed-content documents across all pages.
Source and freshness
- Source
- notion.com
- Published
- Added to Yomu
Summaries are generated from the original by a language model. Check the original before relying on it.
Keep reading
Related reading
The Good Stuff
Paid picks we use ourselves. Links carry a referral code — a subscription through one earns us a commission at no extra cost to you.
The best engineering reads, once a week
One useful email. Unsubscribe anytime.