Notion + Super.so Guide

Content Edit (Notion)

A Technical Knowledge Repository for Primary Health Care Equipment

Custom Styling (Super)

Super — Create Custom Websites with Notion

Create a custom website in less than a minute with instant page loads, SEO optimization, and customized theming. All your content is kept and managed in Notion so you can focus on creating while Super handles the rest.

super.so

Live Site (not active yet)

A Technical Knowledge Repository for Primary Health Care Equipment

Primary health care (PHC) is a set of services meant to meet most of a person’s health needs throughout their lifetime. In LMICs, people’s first interaction with a trained health care worker is typically through PHC. For individuals, families, and communities, this sets the stage for care seeking over a lifetime.

gh-labs.super.site

Workflow

1. Create a Notion account You’ll need a Notion account to view and edit content.
2. Make content edits in Notion All edits and updates should be made directly in Notion.
💡

Make sure the page stays published in Notion so Super.so can access and sync the content.

3. Sync changes to Super.so Most changes should sync automatically. However, for reliability we recommend doing a manual sync after making edits.
💡

Pages that are linked from table rows (“back of baseball card”) must be manually synced.

Notion

Navigation

Notion and Super.so handle navigation differently. for Internal Use (Editing Content), use the table view in Notion to navigate to pages. 💽GH Labs Knowledge Repository Database

In some topic areas, you’ll notice multiple pages titled “Technology Solutions.” These are intentional and not duplicates — we’ve created them to simulate a tabbed experience on the live site. Each page shares the same top section, and this structure allows Super.so to display what appears to be tabs while keeping content organized in Notion.

Content Editing Tips

• Hyperlinking Made Easy

Highlight any text and paste a link directly. Notion will automatically turn it into a hyperlink.

• Use Orange Text for Hyperlinks

Set linked text to Orange for style consistency.

• Use Shift+Enter for Soft Line Breaks

Pressing Shift + Enter adds a line break without starting a new paragraph — helpful for short lists or clean formatting.

Sync Blocks

Notion’s synced blocks allow you to reuse the same content across multiple pages.

You’ll know a block is synced when it shows a red border on hover.

We use this especially in duplicated pages (like the ones mimicking tabbed layouts) to ensure consistency and management.

Super.so

Custom Color Mapping

Super.so allows us to override Notion’s default styles. Below is how we’ve intentionally repurposed specific colors to align with GH Labs branding:

• Orange → GH Labs Brand Color
• Used for brand colors and interactive links
• Purple → Cream (on-brand neutral)
• Used for soft background shading. Avoid using it for text color to maintain readability and visual consistency.
• Brown → White/Invisible
• Used to hide elements (e.g., disable hover or links)

Style Comparison

Notion View

Live Site (super.so)

Syncing Updates

To ensure your edits in Notion are reflected on the live site, follow the steps below to manually sync each page:

1. Go to Super.so and log into your account.
2. Navigate to the page you want to update using the sidebar.
3. Click the “Sync” button located in the top right corner of the window.
4. Review the preview panel to confirm that your changes have been applied correctly.