These are some best practices as well as some hacks that have been implemented

Site Structure

All community pages are subpages on 645community.com/<community name>. When a user logs in they only have access to the content for the community they’re apart of because Outseta hides all the other content. We do this to reduce cost, effectively only paying for Notion, Super, and Outseta once each. Freeing us to set up as many new communities as we like.

Landing Page

All communities are nested under a central “Choose your community page. This page is public and purely exists to allow people to login.

Community Sub-Landing Pages

Each community has their own sub-landing page that Outseta automatically navigates you to one of these after you login with said account. These explain the purpose of each community and house the links to the

Shared Databases

Many of these communities have similar needs in terms of listing 645 team members, 645 portfolio companies, articles, and events. To make managing this info easier, it’s centralized in a couple databases and a /linked view of a database is used in the other pages to pull in the info. Filters, groups, and sorts are used in each linked view to tailor the content appropriately.

Link & Pencil Emojis

✏️  Pencil emojis are used on the root database to indicate that you should make edits here.

🔗 Link emojis are used on linked views to indicated that it is only an instance.

…some communities do have local databases that aren’t shared and therefore have a pencil.

Hero Images

The large red page titles are SVG images that have been drawn in the 645 community in sketch. Since the page icons are hidden you need to add them as an image directly in the page.

Hacks

These are unconventional strategies that have proven useful, but may not be obvious at first glance.

Naming Conventions & Protected Content

Outseta’s “Protected Content” feature, which removes access to pages based on what plan you’re logged in with, can select pages by what the url “starts with”. For this reason subpages inside a community that you want to protect should start with the following prefixes.

• Security Discovery Hub pages ciso+"page name"
• Engineering Discovery Hub cto+"page name"
• Venture Partners Hub vp+"page name"
• Founders Hub founders+"page name"

Hidden Icons & Titles

Because of the naming conventions mentioned above. Some of the pages names may have unwanted prefixes. For this reason we have hidden page titles.

• Page Icons Hidden site-wide
• Page Titles Hidden site-wide
• Table Icons Hidden site-wide
• Table Titles Hidden site-wide

Hidden Subpages

By default Notion displays every subpages that exists inside of a page. This is for navigation purposes, but with super we have alternate ways to navigate (e.g. header links, footer links, superLink, etc). To optionally hide some pages while keeping others displayed…

1. Create a Toggle
2. Click on the toggle’s grip icon ⠿
3. Set the text color to be brown
4. Name the toggle Hidden Pages for clarity.
5. Drag any pages you want to hide into that toggle

Database Gallery View Settings

We use the gallery view for displaying most of our databases in the “card” layout. Notion has a several options for different size cards, however, I’ve commandeered these settings. Instead of changing the size of the card it changes the size (and shape) of just the image.

Size

• Small = round (people’s avatars)
• Medium = square (company logos)
• Large = full bleed (news & articles)

Fit

• Fit image/on object-fit: contain; small avatars + medium logos
• Fit image/off object-fit: cover; large news articles

Super:Links

You can link a database entry (like a gallery card) to an external page using super:Link a property. The property must be visible in the database in order for Super to be able to use it. Super will then auto-hide this property on their end so it won’t be shown on the site. This is Super’s official Documentation.

1. Add a property called super:Link to the database
2. Add a URL to that property for each record
3. Make sure that the super:Link is set to be visible

Inline Buttons

If you want to create a button you can do so easily by giving any text a link and a background color. NOTE: Notion sometimes wraps the link around the span and other times nestes the link inside the span, but both cases have been accomodated for in our css.

1. Select the text you want, it can be text, h1, h2, h3, or anywhere inline
2. Add a link to a internal notion page or external site
3. Give it a background color. grey is used for white

Troubleshooting

Page Settings

Make sure the parent databases is shared publicly on Notion, otherwise a page won’t render in Super.

1. In the very top right click on Share
2. Switch to the Publish tab
3. Click the Publish button