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
- Blue color will turn it into → Blue background
- Gray color will turn it into → Blurred Black + Outline background
- Default color will turn it into → Black + Outline background
- Purple color will turn it into → Darker Black 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 callout = 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
Default callout = Black+ Outline
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 callout = Blurred Black + Outline
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 callout = Darker Black
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
This is a 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.
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
This is a 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.
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
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.
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
This is a 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.
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