In order to create Sections / Cards
using Callouts , there’s some Notion iteration that has been made on the CSS code of your site,
so it can be easy to create them. Have in mind that Buttons will also work with this.
Instructions
- Create a callout
- Icons and titles from the Callouts will always be disabled, so leave them blank and use a default icon
- Give them a background color
- Default color will turn it into → White background
- Blue color will turn it into → Blue background
- Yellow color will turn it into → Yellow background
- Gray color will turn it into → White background
- Purple color will turn it into → DarkGray background
I recommend using the circle emojis to match the color of the Section / Callout (⚪⚫🔴🟠🟡🟢🔵🟣)
This is a Default section
A “section” is a main callout that has inside all the content information such as additional callouts, rich text, images, and basically any other Notion block available.
Blue card = Light Blue
Tortor cras quisque natoque velit ut eu sodales turpis tincidunt tempor aliquet purus arcu ornare interdum, ac nascetur integer malesuada dictum feugiat varius in conubia suspendisse justo nostra tellus maecenas. Mi laoreet montes ridiculus blandit curabitur congue ullamcorper eget varius
Purple card = Dark Gray
Tortor cras quisque natoque velit ut eu sodales turpis tincidunt tempor aliquet purus arcu ornare interdum, ac nascetur integer malesuada dictum feugiat varius in conubia suspendisse justo nostra tellus maecenas. Mi laoreet montes ridiculus blandit curabitur congue ullamcorper eget varius
Gray card = Gray + Border
Tortor cras quisque natoque velit ut eu sodales turpis tincidunt tempor aliquet purus arcu ornare interdum, ac nascetur integer malesuada dictum feugiat varius in conubia suspendisse justo nostra tellus maecenas. Mi laoreet montes ridiculus blandit curabitur congue ullamcorper eget varius
Yellow card = Yellow
Tortor cras quisque natoque velit ut eu sodales turpis tincidunt tempor aliquet purus arcu ornare interdum, ac nascetur integer malesuada dictum feugiat varius in conubia suspendisse justo nostra tellus maecenas. Mi laoreet montes ridiculus blandit curabitur congue ullamcorper eget varius
Blue section
A “section” is a main callout that has inside all the content information such as additional callouts, rich text, images, and basically any other Notion block available.
Gray card
Tortor cras quisque natoque velit ut eu sodales turpis tincidunt tempor aliquet purus arcu ornare interdum, ac nascetur integer malesuada dictum feugiat varius in conubia suspendisse justo nostra tellus maecenas. Mi laoreet montes ridiculus blandit curabitur congue ullamcorper eget varius
Gray section
A “section” is a main callout that has inside all the content information such as additional callouts, rich text, images, and basically any other Notion block available.
Yellow card
Tortor cras quisque natoque velit ut eu sodales turpis tincidunt tempor aliquet purus arcu ornare interdum, ac nascetur integer malesuada dictum feugiat varius in conubia suspendisse justo nostra tellus maecenas. Mi laoreet montes ridiculus blandit curabitur congue ullamcorper eget varius
Yellow section
A “section” is a main callout that has inside all the content information such as additional callouts, rich text, images, and basically any other Notion block available.
Gray card
Tortor cras quisque natoque velit ut eu sodales turpis tincidunt tempor aliquet purus arcu ornare interdum, ac nascetur integer malesuada dictum feugiat varius in conubia suspendisse justo nostra tellus maecenas. Mi laoreet montes ridiculus blandit curabitur congue ullamcorper eget varius
Default section
A “section” is a main callout that has inside all the content information such as additional callouts, rich text, images, and basically any other Notion block available.
Blue card
Tortor cras quisque natoque velit ut eu sodales turpis tincidunt tempor aliquet purus arcu ornare interdum, ac nascetur integer malesuada dictum feugiat varius in conubia suspendisse justo nostra tellus maecenas. Mi laoreet montes ridiculus blandit curabitur congue ullamcorper eget varius
Purple section
A “section” is a main callout that has inside all the content information such as additional callouts, rich text, images, and basically any other Notion block available.
Default card
Tortor cras quisque natoque velit ut eu sodales turpis tincidunt tempor aliquet purus arcu ornare interdum, ac nascetur integer malesuada dictum feugiat varius in conubia suspendisse justo nostra tellus maecenas. Mi laoreet montes ridiculus blandit curabitur congue ullamcorper eget varius