Get AI summaries of any video or article — Sign up free
7 Notion Design Tips For Cleaning Up Your Pages & Setups [Tutorial + Template] thumbnail

7 Notion Design Tips For Cleaning Up Your Pages & Setups [Tutorial + Template]

Landmark Labs·
5 min read

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.

TL;DR

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?

Create a callout block (search for “call out” and add it), type a heading, and place content inside. The key step for the frame effect is setting the callout’s color to “default background.” That single setting produces the gray outline around the block, which works well for embedding linked databases or calendars inside a dashboard module.

What’s the practical purpose of divider lines, and how are they created quickly?

Divider lines add subtle separation so pages and menus become easier to digest. They’re useful under headings to create spacing, between sections of text, and inside menus to break content into distinct groups. A fast creation method is using the shortcut of three hyphens in a row (Notion creates a divider).

How can a board be made more readable using color columns?

Switch to a board layout, then edit the view and group by the property that represents state (for example, “status”). Turn on the “color columns” toggle so each group column gets a color. If needed, adjust the specific colors from the properties panel tied to the grouping property.

What’s the difference between grouping and subgrouping on Notion boards, and what can subgrouping use?

Grouping organizes items by one property (like status). Subgrouping adds a second layer and creates collapsible toggles that filter what’s visible. Subgrouping can use properties such as priority, dates, or relational properties like projects and contacts. It can also be applied to tables and galleries to hide or organize content by a chosen factor.

Why use toggle lists on dashboards, and what kinds of content can they hold?

Toggle lists hide content behind collapsible headings, preventing long lists, embeds, or brainstorms from taking over the page. They’re ideal for checklists, brainstorm sections, and references that shouldn’t force constant scrolling. They can also contain embeds (including a Google analytics embed) and even databases, letting dashboards stay compact while keeping details accessible.

How do gallery views decide whether to show page cover images or page content?

The gallery view has its own settings. Edit the gallery view and choose what appears in the card preview—such as “page cover” versus “page content.” Changing the cover on the underlying pages won’t automatically change what the gallery shows unless the gallery view is configured to display page cover as the card preview.

Review Questions

  1. When would you choose a callout frame over a divider line, and what visual problem does each solve?
  2. If a board isn’t showing colored status columns, which two view settings must be checked?
  3. How can subgrouping by relational properties like projects change what a user sees compared with grouping only by status?

Key Points

  1. 1

    Create callout frames by adding a callout block and setting its background color to “default background,” which produces the outlined module look.

  2. 2

    Use divider lines (three hyphens shortcut) to add consistent spacing under headings and to split menus and dense content into readable sections.

  3. 3

    For board readability, group by a state property (like “status”) and enable “color columns,” then adjust colors from the properties panel.

  4. 4

    Use grouping and subgrouping to create collapsible filters on boards, and apply the same concept to tables and galleries for compact views.

  5. 5

    Compress dashboard density with toggle lists, which can hold checklists, brainstorms, embeds (including Google analytics), and even databases.

  6. 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. 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.

Highlights

A callout block becomes a framed dashboard module simply by setting its color to “default background.”
Divider lines are positioned as the quickest way to create subtle structure in menus and text-heavy pages.
Color columns only appear after switching to a board layout, grouping by a property, and toggling “color columns” on.
Toggle lists can hold embeds and databases, letting dashboards stay compact without losing access to details.
Gallery cards can be switched to display “page cover” via the gallery view’s card preview settings.

Topics

  • Notion Callouts
  • Dividers
  • Board Color Columns
  • Grouping & Subgrouping
  • Toggle Lists
  • Images & GIFs
  • Database Cleanup