17 Tips for Building Your Perfect Notion Aesthetic

Our work is reader-supported; if you buy through our links, we may earn an affiliate commission.

Notion gives us a lot of opportunities to customize our space both internally and with the use of external, third-party widgets. Indeed, a quick search of Reddit or Pinterest will return gorgeous Notion spreads, including external widgets like calendars, counters, and playlists.

While they look amazing, I always have a single question—doesn’t that distract you? Luckily, you don’t need extra widgets to make your pages beautiful, Notion gives us lots of options to customize our spaces, including:

  • Callout blocks and toggles
  • Colors and fonts
  • Hiding text and properties
  • Three different ways to display cover images in database embeds

In this guide, I’ll share several easy tips you can use to make your Notion workspace and dashboards more aesthetically pleasing—without sacrificing functionality and speed. These tips can help our spaces go from this:

Notion screenshot showing a callout block on the left with a yellow background. Pages with emojis are listed under a title. On the right, the projects database is embedded showing the database title, and the page contents as a cover.

To this:

Notion screenshot of a callout block on the left with a default background. All the pages linked have a blue icon. On the right, the projects database is embedded, showing a custom cover

Ready? Let’s go!

Notion gives us options for how we want to display each page. Here are the different fonts available in Notion:

Notion screenshot showing the 3 different fonts types available in Notion

Pop your cursor at the top right of any page or database item, and click the 3 dots ••• at the top right of the page to reveal some options we can use to change how the page looks.

We can change:

  • The font style
    • Default = sans serif (think Arial)
    • Serif = with hats & feet (think Times New Roman)
    • Mono = monospaced/fixed-width (think code or programming languages: where each letter takes up the same space as all the others)
  • The size of both the title and the text on the page
  • The page width, from slim to full
Notion screenshot showing the 3 dots at the top right hand side of the page to bring up the page settings

Note: I have a small issue with this: you can’t change your whole space from the Default style to Serif or Mono, you have to change each page individually, including sub-pages.

We can also click Customize page and decide how we want discussions, backlinks, and comments to show up on our page.

Notion screenshot showing the 'customize all pages' modal including top level page discussions, backlinks and page comments.

Note: If you’re inside a database item (rather than a dashboard/page you’ve set up), this will change for all pages in that database.

I don’t know about you, but I love some character in my page icons. Take a look at the difference between these two images, with emojis on the left and Notion icons on the right.

Notion screenshot showing 2 callout blocks side by side. On the left, emojis have been used as page icons. On the right, Notion native emojis have been used as page icons

The ones on the left are great, but the ones on the right look more “put together.” They both get the job done, but having an icon convention in your Notion space can remove some of the perfectionism that can come from finding the perfect icon for a page.

I’m as guilty of this as the next person, so removing this from the equation means my space always looks coherent without spending an hour picking the right kind of icon!

Here’s how to pick one of the Notion native icons:

  1. Click on an icon
  2. Click on Icons
  3. Pick a color from the Color Picker
  4. Scroll to find the one you want, or write in the Filter box to find the one you want to use and click on it to use it as the icon
Notion screenshot showing how to pick one of Notion's native icons

If Notion’s native icons just aren’t doing it for you, there are other options!

In 2021, I downloaded Tasia’s gorgeous Notion Icon set, which includes neons and metallics, and I still use them today.

I also love Eli’s Notion icons on Gumroad, which are equally stunning.

There are a lot of third-party icon packs that aren’t specific to Notion, such as Iconic and Iconify. Have a look around and see which ones you like best! Try (if you can) not to download too many because you’ll spend more time picking the right one among the million you downloaded—been there, done that!

Pro Tip: You can also link to external URLs for page icons. To do this, when picking an icon, click on the icon and then Custom from the modal. From here, rather than uploading your own, paste the link to the icon you want to use. Be aware, though, that if the URL changes (or is removed), the icon will stop working.

Notion screenshot showing how to add a custom URL as a page icon. 1. Click Custom. 2. Paste the URL into the box. 3. Press submit.

In his video on the Notion API, Thomas automatically brought in all his icons using a URL. You can check out his Crash Course here:

Or, if you’d prefer the written version, head here for The Complete Notion API Crash Course for Beginners.

The Complete Notion API Crash Course for Beginners
Learn how to work with the Notion API using JavaScript in this beginner-friendly and extremely detailed tutorial.

If you were paying attention to the previous tip, you’ll have noticed that the Callout blocks in the screenshot don’t look like normal Callout blocks.

Here’s the difference:

Notion screenshot of 2 callout blocks side by side. On the left, the background is clear with a grey outline. On the right, the callout block has a yellow background applied.

The Callout block has a yellow background on the right, and on the left, there’s only a subtle outline. Which one you decide to use is up to your personal preference. I prefer the subtle outline.

To get this outline, hover on the + ⋮⋮ on the left-hand side of the callout block:

Notion screenshot with a red box around the plus sign and six dots on the left hand side of a callout block.


  1. Hover your cursor over the Color option, which will open up the next menu, where you can…
  2. Pick Default in the Background section (not the color).

That will give you a subtle grey outline in light and dark mode rather than a solid background color.

Notion screenshot of the modal that appears after clicking the six dots next to the callout block. 1. Click color. 2. Click default background.

If you’ve been in Notion for any length of time, you probably know that Callout blocks are a bit tricky. After you’ve put in your title and pressed enter on your keyboard, your cursor is out of the callout block.

Notion screenshot showing a callout block with multiple lines of text inside it

However, if you press Tab, your cursor will pop right back in there again, creating a new line.

More than that, you can type - - - and you’ll get a lovely line under your heading. You can add other blocks inside it—even Toggles, linked databases, and external embeds!

Note: If you use Shift + Enter, you’ll get a second line in the same block, but it’s not a new line or a new block; Notion views it as a continuation of the first line, meaning you can’t pop a dividing line between them.

If you have pages you use all the time, you might be tempted to have them all at the top of your main dashboard. However, if you have too many, this can look cluttered.

The alternative is to have a Toggle block with your pages hidden neatly inside:

Notion screenshot showing 3 callout blocks inside a toggle block. The 3 toggle blocks show buttons and links to common views. The left callout block is titled "Action Center", the middle callout block is titled "Common Views" and the right is titled "PARA Views"

Doesn’t that look awesome?

Pro Tip: Yes, you can have columns inside Toggles and Callouts in those columns!

It hides the menus neatly away in a Toggle block, but they’re there when you need them.

Here’s how to do it:

  1. Create a Toggle block (by typing /toggle into a clear line).
  2. Inside the Toggle block, create 3 columns (by typing /column and selecting 3 from the list).
  3. In the first column, create a Callout block (by typing /callout) and duplicate it twice.
  4. Drag the duplicates into the other columns.
  5. If there’s something you want in there, you can use @ to mention the page or database.

I also love putting a List view of my common database in there. This gives me direct access without using @-mentions and is more streamlined than listing them all individually.

Note: You can put Notion Buttons in your Toggle Blocks as well (in the video, they’re in the left-hand Callout).

By default, any time you create a Gallery or Board view, the cover shows the page’s content. This can be helpful because it shows the top section of the page, where you might like to add the purpose of the project, including initial thoughts, etc.

This is what that looks like:

Notion screenshot of a project database in a gallery view. This shows the page contents as the cover and the page title is showing.

If you don’t want to see the inside of the page, you can add a stock image as the page cover in Notion. Which can end up looking more like this:

Notion screenshot of a project database embed with aesthetic covers designed by Notion as the card cover.

These add an aesthetic touch to your gallery, but they’re probably not you.

Personally, I head to Canva and create a 1600 x 900-pixel graphic and design something more personal that matches my aesthetic, which ends up looking something like this:

Notion screenshot of a project database as a gallery. Dark blue card covers are shown, plus the page title and icon.

Notion covers should be wider than 1500 pixels, so 1600 works perfectly.

There are a couple of different ways to show curated covers: you can add them as covers to the pages themselves, or you can pop them into the page itself and then pick what to show.

If you add the image as a page cover and want to see it in a Gallery or Board view, pick Card Preview, then Page Cover.

Notion screenshot of the layout options available in a gallery view. A red box is over the card preview option, showing page cover is selected.

If you add an image to the body of the page, you can pick Page content.

Notion screenshot of the layout options available in a gallery view. A red box is over the card preview option, showing page content is selected.

Note: If you’re on Notion’s free plan, you can’t upload images larger than 5 MB. Head to Tiny PNG and upload it there. It’ll minify it for you and should be smaller than the 5 MB limit.

Notion screenshot showing the warning on free accounts for the maximum file size. A red box is around the words "the maximum size per file is 5 MB"

The Page Cover and Page Content options will add visual elements to the actual page when you open it. These might take up more space on your page than you’re happy with.

Luckily, Notion has a Files & Media property, allowing you to add images directly to a property.

Notion screenshot showing a red box around the "Files and media" property option in a table view.

Why would you want to use this method instead of the others?

Adding your cover image to a Files & Media property allows you to hide the property everywhere in your space whilst still being able to display it where you want. Even when the property is hidden, it’s still an option for a Board or Gallery cover. This can help you save precious space on your page by not having a large cover or an image in the body right where you want to work.

Note: Not only can you add a downloaded image to this property (along with other documents), but you can also add an image to this property through a link.

Notion screenshot showing the modal that appears when you click inside a files and media property. Showing the options of upload or embed link.

You can pick a Files & Media property as your cover on a Board or Gallery embed. To make this property your cover image:

  1. Click on the 3 dots ••• on the top right of your embed.
  2. In Layout, select Gallery or Board.
  3. Then click on Card Preview.
  4. Select your image property, the one with the paper clip icon (in this example, my property is labeled Cover Image).
Notion screenshot showing a gallery view of the project database. Red numbers include 1. Click the 3 dots, 2. Click on gallery, 3. Click card preview, 4. Choose the files and media property

Look how much room we can save inside the page by adding our cover image to a property rather than having it as the actual cover of the page.

Notion screenshot of inside the WordPress Migration project page. There is a large red box outlining the page cover, and a smaller box outlining the files and media property to show the difference in page percentage used.

As it’s a database property, we can hide it at the top of the page and save even more room. A page cover can’t be hidden—it’s either there or not. Using a property, we can add a beautifully aesthetic cover in embedded views without messing up the aesthetic inside our pages.

In addition to selecting the covers we’d like to display in our Gallery and Board views, we can make a few more tweaks to clean up our pages when we have those kinds of database embeds. We can:

  • Hide the database title
  • Hide the title of the page
  • Change the name of the view

Here’s a video to show you how!

Note: You can only hide the Page title if you have a cover selected.

We can also color our Columns when viewing databases in a Board view.

Notion screenshot of the project database in a board view. The column headings from left to right are branding, business, finance, and personal. The backgrounds from left to right are pink, blue, orange and purple. The page titles and icons are showing in this view.

In a Board view, under the Layout settings, you can scroll down and see the switch for Color columns. The Columns will inherit their colors from the select or multi-select property you picked for your layout, and are limited to Notion’s color palette. This works the same for both light and dark mode.

Notion screenshot showing the layout modal on the right of the screen with a red box around the 'color columns' option.

If you want to see your Page titles but don’t want to have the page icons visual clutter, you can also turn that off here with the Show Page Icon option.

This already looks pretty great. Let’s take it further! Let’s show the page cover and hide all our properties:

Notion screenshot of the project database in a board view showing colored columns and the cover image as a custom graphic. The page title is hidden in this view.

Here’s how:

  1. Head to the 3 dots ••• at the top of the database embed.
  2. Click Layout and either pick the Board view or scroll down to settings if you’re already in a Board view.
  3. When you’re inside the Board view settings, scroll down, and toggle on Color columns.
  4. While you’re in this view, you can also toggle the Show database title option or use the Card preview, Card size, or Fit image (only available if Card preview is not set to none) settings to change the way the page covers are displayed.

Note: You won’t be able to hide the Name property if you’ve not chosen a cover. As soon as Card preview is set to something other than none, you’ll be able to hide it just like any other database property.

Another way to add a bit of flair to a database embed is to create Text property to use as a divider, and display them on Gallery and Board views. These can help you divide sections of the database without needing any code or difficult workarounds.

Here’s how it looks:

Notion screenshot showing the project database in a gallery view. The card cover is the bespoke graphic we designed. Two properties are being shown. The first is a text property with "outstanding tasks" and the second is a relation property to the task database, showing linked tasks for the project.

Here’s how to do it:

  1. Add a Text property, in this example I’ve named it Divider Text.
  2. Type what you’d like the divider to say, and style it however you would like. In this case, I’ve made it bold and colored it pink—to get multiple lines in a single text property, use Shift + Enter.
  3. Decide if you want all of them to say the same thing or add different text to the property for the different projects.
  4. Create a Relation property to show the tasks related to the project.
  5. Change the view from a Table to a Gallery view.
  6. Change the Card Preview to Page Cover, and turn on the visibility for the Divider Text property and the Relation to the tasks database.

Important: I didn’t need to hide the page title because it was already hidden, but here’s where you can hide that as well.

While we can’t color numbers in a Number property, we can add rings or bars to help visualize our data.

I love using these in my daily journal as a happiness and effectiveness rating, and I love that I can match them to my Notion aesthetic too!

This is how they look in my space:

Notion screenshot of a journal database in a table view. The columns from left to right are; date (a date property), journal entry (the page title property), feelings (a multi-select property), happiness (a number property with a purple ring to visualize the number), and effectiveness (a number property with an orange ring to visualize the number).

Pro Tip: If you’re looking to populate your journal dates with the minimum amount of fuss, here’s a link to my public Google Sheet with all the dates already added. Sometimes, Notion doesn’t cope well when you paste a whole year in at once, so limit it to a month or two at a time!

You can also utilize Repeating Templates in databases to create daily database entries if Google Docs doesn’t work for you. Thomas’ Beginners Guide to Notion has a great section on how to set up and use the Repeat feature.

To create a daily journal that looks more aesthetic, here’s my process:

  1. Create a Date property and move it to the left of the Name property.
  2. Copy & paste my journal titles and dates into the database.
  3. Sort the database by the Date property.
  4. Select all of them and bulk add an icon.
  5. Add a number property called ‘Effectiveness’ and another titled ‘Happiness.’
  6. Head into the Number property settings, select a circle, change the color, and change the Divide by number to 10 instead of 100.
  7. Click on the Date property heading and change the format to Year/Month/Day.

And, of course, I hide the Database title as well.

If you want these steps in a video, I’ve got you covered:

Note: Notion allows you to have circles and bars; so use whatever makes the most sense for your space and aesthetic!

Not all properties are created equal, and we want to see them in different ways. One of the tricks we can do is change the width of the properties depending on what kind of property it is.

Let me explain! Status, Checkbox, and Number properties can be resized to be small enough that their names are completely hidden, showing only their property icons.

To resize columns:

  1. Put your cursor between the two properties until you see the light blue bar appear.
  2. Press down on your left mouse button and drag to the left (or the right if you want to make the property wider).
  3. Let go of the button, and hey presto!

Unfortunately, there’s no way to get the default width back to the columns once you’ve changed them, even if you hide the properties and show them again. There’s also no way to resize multiple columns at once so they’re the same size.

Sometimes in a Table view, we want to see a lot of information and maintain the context of what we’re looking at.

Luckily, Notion has given us the ability to Freeze columns. This means we can maintain the left side of the Table and, when we scroll left to right, still see the rest of the properties.

Notion screenshot of the journal database in table view with the property modal open. There is a red box around the "freeze up to column" option with a red arrow pointing to it for emphasis.

Why would we need this?

I have a few columns in my Months database in this video, and there are too many to fit on the screen at once. When I freeze the Name property and scroll from left to right again, Date and Name stay pinned in the Table view, while the others scroll and hide under the frozen columns.

Freezing the columns allows me to see what projects I’m working on this month. Without freezing the properties, they’re hiding off the right-hand side of my screen.

In a Gallery view, the title is already wrapped (so it shows the full title). However, we can pick other properties and choose whether to wrap them or not. In this example, I’m wrapping and unwrapping the Divider Text property.

In a Calendar view, we have the ability to wrap titles (or not), but these can be tricky to find.

  1. Create a Calendar view from a database.
  2. Pick whether you want to view it monthly or weekly.
  3. Head into the 3 dot menu ••• and select Properties.
  4. Click on the > next to the Name property.
  5. Toggle on (or off) Wrap in view.

Prefer a video version?

Note: You can also pick wrapping per property in a Board view!

A recent addition to our aesthetic toolbelt is our ability to pick how URL properties are displayed.

Notion screenshot showing the short version of a URL in a URL property, and the full version of the same URL, side by side

By default, Notion displays new URL properties in a shortened view, but we can change it to show the full URL if we want to.

When you create the URL property, you can decide how it’s displayed. However, you can always change your mind and change it back!

  1. Left-click on the URL property title.
  2. Click Edit property.
  3. Flip the Show full URL switch to the one you want.
Notion screenshot showing the two ways to view a URL in a URL property. The image at the top shows the URL shortened and the "show full URL" switch is turned off. The bottom image shows the full URL and the "show full URL" switch is on.

Depending on the look you’re going for, you can pick whichever way fits your page best.

Important: This will change it for the whole database, so make sure that’s what you want.

This is such a cool trick inside Notion and means we can stretch content out of the narrow view without setting the page to full width.

Notion screenshot showing three horizontal columns on a page. The left and right columns are very small, and the middle column is larger than the original page.

Why would we want this?

I’m glad you asked!

Imagine you’re writing a blog post and want to have an optimal line length inside the page without setting the page width to full. You can use a multi-column layout to give you the space you want in the center of the page. Plus, you can add an image above your new layout, and it will only span the original width.

When you combine these two, you can begin to see what your blog post will look like on your website inside Notion. Here’s how:

  1. Inside your page, create 3 Columns (by using /columns on a clear line).
  2. In this example, I’ve created a Callout block, then duplicated it (by using /callout) to illustrate how it works, but you don’t have to use Callout blocks!
  3. Head to the right-hand side of the right-hand column find the grey vertical line, then drag it to the edge of the page.
  4. Make the right-hand column super small, and do the same for the left.

That’ll give you a lovely wide column in the middle that’s wider than the page was originally. And, of course, here’s a video to show you how!

Earlier we talked about adding visual dividers to a Gallery view so that we can make them more aesthetic. However, when you have a few of these, it can make your pages really busy at the top.

Let’s look at how this could look when we’re in a Monthly database, adding information on our focus for the month:

Notion screenshot of the month database with the property modal open on the right. This modal shows that the properties "focus divider," "focus," "intentions divider," and "intentions" are visible in the gallery view.

Here I’m showing 4 Text properties:

  • Focus Divider
  • Focus
  • Intentions Divider
  • Intentions

These are great for Gallery or Board view because they show me my vision and trajectory for the month (and showing January–March shows me my trajectory for the whole quarter, which is super nice!), but what does this look like inside the page?

Notion screenshot of March's monthly database item open as a page. The page has a green cover showing "Mar 2024" and the following properties are also showing, in order top to bottom: page title, tags (a multi-select property), relation to the daily journal database (related property), the start and end of the month (a date property), focus (a text property), focus divider (a text property in purple), intentions (a text property), and the intentions divider (a text property with yellow text.

I think you’ll agree, this looks too busy to be useful. So what can we do about it?

When you add properties to a Table view or in the original database, they’re added to the page in alphabetical order. As you can see above, Focus is before Focus Divider, which is the wrong way around to make sense.

Note: Each property has 6 dots ⋮⋮ on the left. Grabbing these allows you to drag and drop the properties into the order you want.

While this makes more sense, there’s still information being shown here that isn’t helpful for me.

Notion screenshot of the March database item, open as a page. The properties have been reordered and now read, top to bottom: date, daily journal, focus divider, focus, intentions divider, intentions, and tags.

As we can hide properties all the time, or if they’re empty, these are the properties that I’ve chosen to hide all the time in my journal example:

  • Dates: I’m already inside the month page, I don’t need to see the dates (but they’re handy to have so that we can sort any view of the database chronologically)
  • Daily Journal: I already know the days of the month, so seeing between 28 and 31 related pages here probably isn’t helpful
  • Dividers: When the page is open, I can see the property name on the left, so I don’t need to have the divider to signpost me to what the information is
Notion screenshot of the March database item, open as a page. The properties still showing are focus and intentions. There is a downward-facing arrow at the bottom with "5 more properties" next to it, showing that there are hidden properties.

In Text properties, you can’t get bullet points like you can in Notion pages. However, there is a workaround! I use Option + 8 on Mac to give me faux bullets like this: . Here are some other weird symbols you might like to copy and paste into your Notion pages:

 • → ← ↑ ↓ ≥ ≤ ™ « » ∞ ≠ ° 

There are two ways to hide properties at the top of a Notion page.

The first option is:

  1. Click on the property.
  2. Click on Property visibility.
  3. Change the visibility of the property.

This option is handy when you’re editing properties one by one.

Notion screenshot showing the property modal inside a database page. A red arrow has been added to emphasize clicking on the property first, then another to click on the property visibility, then a third and final arrow is pointing to the option to "always hide"

Or, you can click Customize page at the bottom of the modal. This allows you to mass-edit which properties show and which don’t for this database.

Important: The ability to mass-edit which properties show and which are hidden is best used when you have a lot of properties you want to edit at once.

You can see in this image we’re customizing all pages in the Months database.

Notion screenshot showing the customize modal to edit more than one property at once. It also includes the top level page discussions, backlinks and page comments edit options.

Using the second option also gives us the ability to change our sections, like showing Backlinks or not, and how to display Page comments. Note that anything you change here will be changed across the whole database.

Note: You can also use the 6 dots ⋮⋮ on the left of the properties to move them around.

When to use Hide When Empty or Always Hide Database Properties in Pages

This is entirely up to you, and each database might be different. I picked Always hide in our monthly example because they’re more signpost-type properties and don’t give me any relevant information at the top of the page.

If you want the property to show if there’s information in it, then you’ll want to select Hide when empty. Alternatively, if you want to make sure that a property is always filled out, you might want to select Always show.

By now we already know three different font styles: sans serif, serif, and mono.

These are great, but they apply to the whole page and not specific sections.

Notion screenshot illustrating the three different font options; mono, serif and default.

So what can we do if we want a different kind of text inside the page without using funky LaTeX or creating an image and importing it (which won’t appear in a table of contents)?

Personally, I love using inline text styling for my headings. It’s not to everyone’s tastes, but I’m rather fond of it as an alternative to the standard fonts & colors.

Notion screenshot showing standard headings on the left in the default font, and headings that have had the code option applied to them and their colored changed on the right.

To use inline text styling for headings:

  1. Highlight the text you’d like to change.
  2. In the edit modal that pops up, click the < > button.
  3. Inline text styling is always added as red text. Head to the A to change the color (in the example below, A is colored purple).
Notion screenshot showing the text modal that appears when selecting text on a page. There is a red arrow pointing from the text to the code option in the toolbar.

Note: This is the same font as the monospaced text styling for the whole page, but we can apply it inline within any normal text block. Simply wrap any text or headings in backtick symbols like this ` your text here ` to apply inline formatting without needing to highlight the text at all.

I also love using Callout blocks with code text to add visual interest to a dashboard.

Notion screenshot showing four callout blocks. Top left is a callout block with normal text. Bottom left is a callout block with a bold heading. Top right is using code to callout block heading in a different aesthetic. Bottom right is using code in purple and bold to display the text in a different way.

Again, this is personal preference, and just because you can do it in Notion doesn’t mean you should. However, I really like it, so I wanted to share it with you!

One of the greatest things within Notion is the ability to change an entire text block to a different color.

Notion screenshot showing the different font and block colors available.

If you’re not sure about the color you want, the first way to do this is to type /color somewhere in the line. This will bring up the whole color palette in Notion, for both text and backgrounds, and you can pick from the palette.

If you already know the color you want, you can type /pur at any point to bring up just purple text or a purple background. This really saves time when you need to change colors regularly.

Notion screenshot of text on a page. The text says "adding some text here /pur" which brings up the color toolbar to pick purple text or a purple background to the whole block.

This doesn’t work only for purple, you can pick any color in the palette:

  • /gray
  • /brown
  • /orange
  • /yellow
  • /green
  • /blue
  • /purple
  • /pink
  • /red

To remove a color, you can use /default to return it to black text in Notion’s light mode, or white in dark mode.

The long-hand version of this is to navigate to the + ⋮⋮ on the left of any block, clicking it, then moving your mouse down to Colors and choosing the one you want, just the same as how we changed the background in Callout blocks earlier on.

Note: If you only want a portion of the sentence or block to be a different color, highlight the words, then click on the A to bring up the color palette and pick your color.

Notion screenshot of a line of text with four words highlighted. This brings up a toolbar where you can pick the color just for the highlighted text. It is indicated by a red arrow pointing to the menu option.

Most images we see online are sweeping screenshots of stunning dashboards on Notion desktop, not on mobile. Some of them have a “fake” sidebar on the left to create their own menu, and usually this is created as a Callout block to create their own menu system.

In the screenshot below, the menu is generally created in block 1, and on desktop it looks great. But it’s utterly useless on mobile because Notion stacks any columns you’ve created into one. The numbers show how Notion will stack these blocks.

Notion screenshot showing six callout blocks organized in three rows. The callout blocks are numbered from top to bottom, the top left is numbered 1, the top middle is numbered 3 and the top right is numbered 5.

The only thing worse than having your menu navigation on the left, is when you have a sidebar menu on the right.

On mobile, that will be right at the bottom of the page (section 5 in the image).

Notion screenshot of how six callout blocks will be ordered on mobile. The callout blocks span the full width of the page, meaning the numbers are now sequential from 1 to 6 from top to bottom.

In these examples, there isn’t a great deal of information in any of those blocks or columns, but imagine how cluttered it would look on mobile if these were full of databases and toggles!

My personal preference is to create a Notion page as a dashboard that looks amazing on my desktop and perfectly aligns with what I want to do while I’m at my computer, and then another that’s specifically optimized for mobile.

Both of these views contain similar information; my desktop version contains a full Table view with multiple properties showing, and my mobile version has a List view with only a couple of properties showing.

Incidentally, Thomas’ Ultimate Brain template already comes readily equipped with desktop-optimized dashboards (like Notes), where each dashboard section links to a mobile-optimized, single-purpose page (like Notes → Favorites).

Note: If you use Notion in this way—on mobile and phone—you might benefit from creating device-specific dashboards as well. If you can, create a bookmark on your phone’s home screen that takes you straight to your mobile-optimized page, then there’s no switching around on your phone! Take that as your extra bonus tip!

So, those are 17 of my top tips to make Notion more aesthetic without a 3rd-party widget in sight!

The beauty of Notion is that we can make it what we want, when we want, and how we want.

However, when people talk about aesthetics in Notion generally, they’re referring to gorgeous screenshots on social networking sites and think their Notion space isn’t “right” unless they include a billion images and widgets.

Your Notion space should allow you to get the work done, whether that’s tracking your fluid intake, writing blog posts, logging your runs, or running your business empire. The tips I’ve shared in this article show how to reduce visual overwhelm in your Notion space and make it more cohesive without compromising on getting the work done.

Now all that’s left is to take the tips that resonate with you the most and find your personal Notion aesthetic!

If you enjoyed this article on some common and not-so-common aesthetic changes you can implement in Notion to make your space more cohesive, I’d love to recommend Thomas’ Ultimate Brain for Notion.

It’s full of databases and dashboards for advanced project management and is a complete productivity system from a certified Notion Expert!

Ultimate Brain: The Complete Second Brain for Notion

Want to turn Notion into a complete productivity system? Ultimate Brain includes all the features from Ultimate Tasks - and combines them with notes, goals, and advanced project management features.

Learn More

Finally, you can join his Notion Tips Newsletter if you’d like to be notified when Thomas, myself, or anyone on the team publishes new templates, tutorials, and articles. As a bonus for signing up, you’ll get access to Thomas’ free templates, plus cheat sheets and reference guides. It’s a treasure trove of Notion knowledge, just for you!

Notion Tips Newsletter

Get updates about my Notion templates and tutorials. Easily unsubscribe at any time.

Thanks for Subscribing!

A confirmation email just went out to the email address you provided. Once you click the confirmation link in it, you’ll be on the list! I’ll also send you a link to all my free Notion templates.

🤔 Have an UB Question?

Fill out the form below and I’ll answer as soon as I can! ~Thomas

🤔 Have a Question?

Fill out the form below and I’ll answer as soon as I can! ~Thomas