All Kraft Blocks - at a Glance

Following page is showing all possible Notion blocks transformed by Super and Kraft. You can use Table of Contents on the Left, or just scroll down

Heading 1 — Typography

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Heading 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Heading 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

• All Kraft Blocks - at a Glance
• Heading 1 — Typography
• Heading 2
• Heading 3
• Divider
• Colored Text
• Copy Color
• Highlight Color
• List Items
• To-Do
• List
• Numbered
• Toggle
• Button (Ex-Quote)
• Callout
• Table
• Testimonials
• Cards
• List
• Code

Can you see it? I cannot too. But Notion's divider block helps to achieve this awesome airy white space between blocks so everything looks structured and, well, divided

Gray

Brown

Orange

Yellow

Green

Blue

Purple

Pink

Red

Gray Background

Brown Background

Orange Background

Yellow Background

Green Background

Blue Background

Purple Background

Pink Background

Red Background

To-Do

List

• List Test 1
• List Item 2
• List Item 3

Numbered

1. Numbered List Item 1
2. Numbered List Item 2
3. Numbered List Item 3

Put a link inside the Notion's quote block to create a button. Change quote's background color to change button's color. Or, use the default background and colorize the link to make it white/secondary. Easy!

Default button

Can have any color

❤️

Button

Button

Button

Button

Button

Button

Button

Button

Button

You can also use empty quotes to create colorful separators for your content

Callout

Callout block are perfect to align content at center and highlight it with background color.

Also, callout block stretches to all the column height to look properly in a row.

ex-Board Database. Use any amount of columns as you want to, and sort board grids in your way.

ex-Gallery Database. A good fit for process or blog preview. First numeric property from Notion can be used as process highlight, or price. Cover image is used as a thumbnail.

This block comes in three sizes. Open database properties and choose between small (4 cards in a row), medium (3), and large (2)

Kraft PRO by Nick Stfn

Social

Twitter

Instagram

Website

Page Examples

Homepage

Blog

Blog Post

About

Get Kraft