How to Install Kraft

How to Install Kraft

💡

Documentation How-to

How to Install Kraft Theme

8 Oct, 2021

Here's a quick guide of how to install Kraft theme and start using it with no resistance. Note that you should have both Notion and Super accounts ready

Duplicate Kraft Template

image

Once you purchase Kraft, you'll get a link to Kraft Notion Template that should be duplicated to your Notion.

Share it to web

image

Publish your new Notion page to web.

Create a new Super Site

image

Use the link you've got from Notion Sharing while creating a Super Site

Paste the theme's custom code

image

Site settings → Code → HTML head

<!-- Animation Module -->

<link 
	rel="stylesheet" 
	href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
/>

<!-- Theme CSS File -->

<link 
	rel="stylesheet" 
	href="You'll get the correct link once purchase Kraft"
/>

You'll get an original CSS file too if you want to store it on your server but note that the latest version with all the updates and fixes will be only available via the link.

Adjust Appearance via Super Settings

image

Color theme

Site settings → Theme → Color Theme

You can choose one of four color schemes for Kraft: Light, Darkmode, Neutral, and Blackout

Font

Site settings → Theme → Custom Font

Select one of fonts that listed in Super's theme settings.💡 The original font used in Kraft is Manrope

Custom Navbar

Site settings → Theme → Custom Navbar

Choose between Simple, Minimal, or Balanced. Feel free to adjust your navbar in your way, here are some recommended settings that you can use for better theme match:

‣
Default Theme
‣
Darkmode Theme
‣
Neutral Theme
‣
Blackout Theme
‣
CTA Colors

You're all set!

Build pages in Notion, and they will automatically be synced with Super. Magic!

💡

🔥

And don't forget to have fun!

Feel free to reach me at hello@stfn.co if you have any questions about theme and it's features

Cover image by Robin Schreiner

See Also

Articles

💡
Feel free to ask any questions about Kraft theme by dropping a line to hello@stfn.co