Template Guidelines

This set of guidelines is for designers creating Super templates that would like to meet the expected standard required for templates to be featured on the Super Template Gallery.

1. Introduction

For us to accept templates on to the Super Marketplace, they must hold true to one of our key values: Simplicity. We want it to be as easy as possible for users to apply and customize templates. Below you can find a thorough list of requirements that will help guide you through the process of creating a Super template and includes everything you need to know before submitting a template to the Super Template Gallery.

What is a Super template?

A Super template is way to give a Super site a completely custom design and consists of 2 key components: a duplicatable Notion page & Custom code. The best Super templates do not over complicate the use of the original Notion page and use clean, essential-only custom code only to ensure sites stay fast.

Why do some templates not get accepted?

The most common reason is because the template over complicates the use of Notion or specific blocks, we prefer to feature templates that are easy to use for the average Notion user. Another common reason is that we don't think the design of the template is the right style or fit for our public template gallery. We can't give detailed design feedback for every single submission, but if your application is unsuccessful for this reason, please understand that it's not personal. We work hard in order to curate a high standard of content on our platforms and this includes templates, we simply can't accept all of them. The next most common reason is lack of originality and looking too similar to other existing templates on our gallery.

2. Design

Templates should display a strong understanding of graphic design principles, including contrast, typography, layout, balance, hierarchies, and proportion

2a. Layout and responsive design

Templates and blocks should look great and function as expected on all devices and breakpoints including mobile, tablet and desktop
Generally, spacing and padding should be tighter on mobile
Templates should include a simple, balanced and harmonious layout

2b. Typography

Typography and text blocks in Notion should be used in a proper hierarchical manner
Headings should not use placeholder text (Lorem ipsum)
Paragraphs can use placeholder text (Lorem ipsum)
Text colors should pass an accessibility contrast check where possible in order to remain legible and have enough contrast on all device screen
All blocks and database items should be tested with short and long line lengths in order to test line height and overflow bugs

2c. Colors

In order to achieve a good standard of design, template designs should try to limit the use of primary colors to 1 or 2
As above, colors should pass an accessibility contrast check where possible in order to remain legible and have enough contrast on all device screen

3. Quality

At Super we work hard to uphold a great standard of quality across all of our content

3a. Personal skills

You should have a strong sense of empathy for the customer and end-user
You should have a willingness to receive feedback and creative direction from the Super design team
You should have great communication skills and availability to provide quality template support in a timely manner

3b. Notion compatibility

The ideal Super template does not over complicate the original intended use of Notion and it’s blocks
Template styles should be compatible with all Notion’s blocks that are supported by Super
Avoid over-hacking Notion blocks to suite specific needs other than the original intended use

3c. External assets - fonts, libraries and scripts

Make sure to seek permission for the use of any copyrighted images and content including photography and text
If permission is granted, be sure to include licenses with your template
We recommend using free assets that are allowed for resale and free redistribution or CC0-licensed graphics from sources like Unplash and Pexels
Keep placeholder text (Lorem ipsum) to a minimum, do not use placeholder text for headings
Don’t add loading states on page changes or anything that makes sites appear slower

3d. Testing

Super templates must be widely compatible and free of bugs. In order to have your site listed on the Super Market you must first conduct sufficient testing this should include:

Testing that the template works on all browsers
Testing that the template works on both desktop and mobile
Testing that the template does not have any dead links
Testing that the template code does not have any bugs, warnings or errors

3e. CDN file hosting

On this page

Template Guidelines
1. Introduction
What is a Super template?
Why do some templates not get accepted?
2. Design
2a. Layout and responsive design
2b. Typography
2c. Colors
3. Quality
3a. Personal skills
3b. Notion compatibility
3c. External assets - fonts, libraries and scripts
3d. Testing
3e. CDN file hosting