Subscribe
About Me:
Learning
Projects
© Darwin Binesh – v0.0.1
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)
Cards block (Large Cards Gallery table block)
Table view block
| Feature | Cluster + Super + Notion | Notion (On it's own) |
|---|---|---|
Great SEO | ✅ | ❌ |
Exceptionally fast | ✅ | ❌ |
Great design | ✅ | ❌ |
Password Protect | ✅ | ❌ |
Custom domains | ✅ | ❌ |
Pretty URLs | ✅ | ❌ |
Call to action text blocks
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
Quote block
Blockquote example
Toggle
Toggle content
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