📓

Blocks

Features

Example Usage

© CLUSTER 2022 – V1.5

Blocks

Cluster utilises Notion's blocks to make adding different types of content easy peasy

Call to action button block

⚡

Call to action

Icon cards block (Small Cards Gallery table block)

📓

Familiar layout w/ sidebar navigation

📓

Table of contents for easy reading

Optimised for Code blocks

Cards block (Large Cards Gallery table block)

Windows

📓

Windows

Installing on windows OS

MacOS

📓

MacOS

Installing on windows OS

Table view block

Feature	Cluster + Super + Notion	Notion (On it's own)
🏷️ Great SEO	✅	❌
🏎️ Exceptionally fast	✅	❌
🎨 Great design	✅	❌
🔒 Password Protect	✅	❌
💬 Custom domains	✅	❌
💋 Pretty URLs	✅	❌

Board view block

Not started

Card 2

Card 1

In progress

Card 3

Completed

Call to action text blocks

⚡

Jump right in 🔥 Get started right away with our simple guide Get Started

⚡

Jump right in 🔥 Get started right away with our simple guide Get Started

⚡

Jump right in 🚀 Get started right away with our simple guide Get Started

⚡

Hello World Get started Get stared

Message blocks

✅ Success! Whatever you did, do it again!

🤘🏻 You're on the right track, keep it up.

⚠️ Advisory notice, be careful!

🛑 Caution! Warning! Watch out!

💀 Not found

Code blocks: Cluster pairs with Highlight.js to allow for custom syntax highlighting

import '../styles/globals.css'

function Cluster({ Component, pageProps }) {
  return <Component {...pageProps} />
}

export default MyApp

.notion-callout {
    padding: 0!important;
    width: auto!important;
    border: 0!important;
    background:transparent!important;
    align-self: flex-start;
  }

<blockquote class="notion-quote">
	<span class="notion-semantic-string">
		Cluster utilises Notion's blocks to make adding different types of content easy peasy
	</span>
</blockquote>

Numbered list block

Item 1
Item 2
Item 3

Bullet list block

Item 1
Item 2
Item 3

Todo list block

Item 1

~~Item 2 (Checked)~~

Item 3

Quote block

Blockquote example

Toggle

‣

Toggle block

Links

Here is how a hyperlink looks

Coloured Text

Cluster supports all of Notion's coloured text options. Best used to apply brand colours to your site.

Yellow text

Green text

Blue text

Red text

Purple text

Pink text

Orange text

Brown text

Gray text

Yellow highlighted text

Green highlighted text

Blue highlighted text

Red highlighted text

Purple highlighted text

Pink highlighted text

Orange highlighted text

Brown highlighted text

Gray highlighted text

On this page

Blocks