📓

Join The Server

Blocks

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

Call to action button block

Icon cards block (Small Cards Gallery table block)

Copy of Features

Cards block (Large Cards Gallery table block)

Table view block

Untitled

FeatureCluster + Super + NotionNotion (On it's own)
🏷️
Great SEO

✅

❌

🏎️
Exceptionally fast

✅

❌

🎨
Great design

✅

❌

🔒
Password Protect

✅

❌

💬
Custom domains

✅

❌

💋
Pretty URLs

✅

❌

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

  1. Item 1
  2. Item 2
  3. 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

Ender Minecraft

Introducing Cluster, a template for Super! ✨ Cluster makes Notion resources and documentation feel beautiful and familiar by optimising blocks, typography and layout. Perfect for Technical Documentation, Design Systems, Personal Blogs and so much more. (All of the content you see on this page is managed entirely on Notion!)

⚡
Get started with slash commands 🚀 Check out the example docs page to an example of what's possible Go to Docs →

Features

Features

Page Search Functionality
Page Search Functionality
  • Click to copy code blocks
  • Customise syntax highlighting colours
  • Add your own colour
  • 2 Light mode colour themes
  • 2 Dark mode colour themes
  • and more!

⭐️⭐⭐️️⭐️⭐️

Cluster radicalizes what's possible with Super and Notion, and then takes it to the next level. We are using this beautiful template as online archive for an educational project in Brazil and – wow – it looks and works perfectly!

- Mates Guzzo @matguzzo (Natura & COInstructional Designer from Brazil)

⚡
Creating for good cause? ✨ If you are building or creating something that works towards solving mental health, wellbeing or environmental issues, then you can get access to Cluster at a reduced rate. Please get in touch for more information. Get in touch →