<aside> 🥳 Thank you for purchasing Capsule!

If you have any questions or feature requests please feel free to reach out to me on **Twitter** or send me an email.

</aside>

Step 1

Duplicate the Notion template

Use this link to duplicate the Capsule template directly to your Notion workspace. Please make sure you are signed into Notion before duplicating.

Step 2

Create a site on Super

<aside> ⚡ Sign up for a Super account here if you haven't already.

</aside>

Copy the link from your new duplicated Notion page and paste it in the "Notion page URL" field.

• You can find this link in the top right corner of your Notion page by clicking on "Share"

Step 3

Add custom CSS to Super

Copy the HTML code and paste that code into the HTML (head) section in Super.

<aside> 💡 To find the HTML (head) in Super, click on your site, go to the options page, then click on edit code.

</aside>

Light Theme

<link rel="stylesheet" href="https://notion.kevinbhagat.com/capsule.css">

Step 4 (Optional)

Create your own custom theme

To create your own theme, change the colors below under :root and paste that code under the CSS section on your Super site.

:root {
    --color-primary: #2A87BC !important;
    --color-text-default-dark: #fff !important;
    --color-text-default: #111 !important;
    --color-bg-default: #F8F8F8 !important;
    --color-card-default: #fff !important;
    --color-secondary-button-hover: #EAF4FA !important;
		--callout-section: #EAF4FA !important;
}

Some things to note

Navigation

With Super's latest update, you can now create your own custom navbar under the "Theme" settings inside of Super.

Callout Sections

With Notion's update to callouts, you can now add callouts inside of callouts. In order to get the same styling as this template, when creating a section you must change the background color of the main callout to gray.