Notion's useful Callout block, which encloses text, is probably a favorite of many users who want to highlight certain parts of their text.
That very Callout block has now been updated to be even more user-friendly!
This time, we'll introduce the update's features and some design ideas that utilize the revamped Callout block.
🎬 Director：Rei
✍🏻 Writer：Minokurumi
1. New Feature ①: Hide Icons
The first update is the ability to hide icons. While icons are a defining feature of Callouts, there are often times when you just want to simply enclose text, aren't there?
With this update, you can now toggle the icon display on and off as needed!
📍How to delete an icon
Click on the Callout icon, then click "Delete" in the top right corner.
And if you want to display the icon again after deleting it, you can re-enable it by following these steps:
📍How to display an icon
Click the Callout block handle, then click "Icon." Select your desired icon.
Turning off the icon makes it simpler and easier to read. It also expands the possibilities for how you can use Callouts.
2. New Feature ②: Place any block from the first line
Another update concerns the first line of Callouts.
Previously, the first line, which shared the same line as the icon, was fixed text. However, with this update, you can now place any block from the first line!
This is a welcome update, especially for situations where you want to place images or databases and the previous layout felt a bit cramped.
To place a block, simply drag and drop any block you've created elsewhere, such as a heading or toggle, onto the first line of the Callout.
Combining this with the icon hiding feature allows for an even smarter display.
3. Design Ideas Using Callouts
Finally, here are some design ideas using the new Callout. If anything catches your eye, feel free to try it out!
① Callout × Heading Block
If you've been adding background color to your headings, you should definitely try this method.
Callouts add padding to the background, which improves readability. You can also match the text color with the Callout color.
② Callout × Toggle for a simpler page
This method involves hiding the Callout icon and placing a toggle on the first line.
When the toggle is closed, the page looks neat and tidy, and when opened, the toggle's area is clearly defined, making it easier to read.
③ Add a background color to databases
Since the first line is no longer fixed, placing databases also results in a simpler appearance.
You can add your favorite background colors, making busy pages more vibrant and making split layouts easier to understand.
④ Also recommended for Notion sites!
Here are a few ideas for those who are creating websites with Notion sites.
By placing mention links in a Callout and adding a background color, you can create a prominent link button. Furthermore, combining it with a toggle allows you to create a professional Q&A section.
Even a standard two-column layout looks more like a website when Callouts are used as backgrounds.
Summary
That concludes the explanation of the Callout update and our design ideas!
The updated Callout is even more convenient to use. If you haven't tried it yet, be sure to experiment with various ways to use it!
Here's "Todotion," the ultimate task management template achieved with Notion!
A two-hour "Notion Master Course" to learn Notion from scratch with videos is now available!
Our book "Notion Lifehacks," which introduces 36 ways to use Notion, is also now on sale!
