7 Notion Design Tips For Cleaning Up Your Pages & Setups [Tutorial + Template]
Based on Landmark Labs's video on YouTube. If you like this content, support the original creators by watching, liking and subscribing to their content.
Create callout frames by adding a callout block and setting its background color to “default background,” which produces the outlined module look.
Briefing
Notion dashboards and pages can look dramatically cleaner without complex workarounds—just by combining a handful of built-in blocks and view settings that control spacing, grouping, and visual hierarchy. The most immediately useful change is the “call out” frame: creating a callout block, setting its background color to “default,” and then dropping content (including linked databases and calendars) inside. That simple color choice produces the neat gray outline that visually separates modules on a dashboard, making it easier to scan a workspace at a glance.
From there, subtle separators do much of the heavy lifting. A divider (created quickly with three hyphens) is positioned as an underrated tool for breaking up dense pages: it creates breathing room under headings, supports cleaner menu sections, and helps turn long text blocks into digestible segments. When combined with callout frames, dividers make dashboards feel structured rather than cluttered.
Color and organization come next through board configuration. For a board layout, enabling “color columns” adds status-based color coding across groups in a pipeline-style view. The workflow is straightforward: switch to a board, group by a property such as “status,” toggle on color columns, and then fine-tune the colors from the properties panel. The result is a dashboard that communicates state at a glance—especially helpful for sales pipelines and task tracking.
Grouping and subgrouping are presented as the core mechanics for managing information density. On boards, grouping organizes items by one property (like status), while subgrouping adds a second layer (like priority, dates, or relational properties such as projects and contacts). This creates collapsible toggles that reduce visual noise and let users focus on a subset of work. The same idea extends beyond boards: tables and galleries can also be grouped by a property, and gallery cards can be simplified by hiding page content so the view stays compact.
To compress even further, toggle lists are used as collapsible containers for content that would otherwise force excessive scrolling. Toggle lists can hold checklists, brainstorms, embeds (including a Google analytics embed), and even entire databases—keeping dashboards concise while preserving access to details.
Visual polish is handled with images and GIFs. Cover images can be set via page cover settings, and gallery views can be configured to show “page cover” as the card preview so team members (or other entities) display their cover imagery consistently. GIFs can be dragged or pasted for motion and vibe, and images can be used as section breakpoints in document-style templates.
Finally, the cleanup is completed with “boring but effective” formatting controls: hiding database titles, hiding empty groups in views, switching between small/large text and full-width layouts, and using Ctrl + plus/minus to zoom for readability. The overall message is that a cleaner Notion setup comes from stacking small, practical UI choices—frames, dividers, color columns, grouping, toggles, and view formatting—rather than relying on tricks or custom hacks.
Cornell Notes
Clean Notion dashboards come from combining simple blocks and view settings that control visual structure. Use callout blocks with “default” background color to create consistent framed sections, then add divider lines to separate headings, menu sections, and dense text. For boards, enable “color columns” after grouping by a property like status to make pipelines easier to scan. Reduce clutter with grouping/subgrouping (including relational properties) and compress long content using toggle lists, which can even contain embeds and databases. Finish with readability and tidiness tweaks like hiding database titles and empty groups, adjusting text/layout, and zooming via Ctrl + plus/minus.
How do callout frames get that consistent outlined look in Notion dashboards?
What’s the practical purpose of divider lines, and how are they created quickly?
How can a board be made more readable using color columns?
What’s the difference between grouping and subgrouping on Notion boards, and what can subgrouping use?
Why use toggle lists on dashboards, and what kinds of content can they hold?
How do gallery views decide whether to show page cover images or page content?
Review Questions
- When would you choose a callout frame over a divider line, and what visual problem does each solve?
- If a board isn’t showing colored status columns, which two view settings must be checked?
- How can subgrouping by relational properties like projects change what a user sees compared with grouping only by status?
Key Points
- 1
Create callout frames by adding a callout block and setting its background color to “default background,” which produces the outlined module look.
- 2
Use divider lines (three hyphens shortcut) to add consistent spacing under headings and to split menus and dense content into readable sections.
- 3
For board readability, group by a state property (like “status”) and enable “color columns,” then adjust colors from the properties panel.
- 4
Use grouping and subgrouping to create collapsible filters on boards, and apply the same concept to tables and galleries for compact views.
- 5
Compress dashboard density with toggle lists, which can hold checklists, brainstorms, embeds (including Google analytics), and even databases.
- 6
Improve visual consistency by configuring gallery card previews to show “page cover” instead of “page content” when you want cover imagery in the grid.
- 7
Tidy up layouts by hiding database titles and empty groups, then adjust text size/layout and use Ctrl + plus/minus for zoom-based readability.