Skip to main content

Introduction

Pages are rich collaborative documents with text, images, markdown, and inline comments. Take notes, write specs, create a structured wiki, or share information publicly.

Create pages

To create a new page, hover over the Space you want to create the page within and click the + button and select ‘Add new page’. The P keyboard shortcut can be used to quickly create a new page from anywhere in the app.

Real time collaboration

As soon as you create a page, it will be visible to your teamates in Superthread. Pages are real time collaborative documents where multiple people can be viewing and typing at the same time. You can see the avatars of any team members that are currently in the document on the left hand side.

Page icon and cover image

You can choose both an icon and a cover image for a page. These are used around the app to help make a page easier to identify. Hover over the page title to reveal the ‘Add icon’ and ‘Add cover image’ buttons. When you click ‘Add icon’, you’ll be asked to choose which icon and colour to use. Once an icon has been added, you can click on it again to change or remove it. When you click ‘Add cover image’, a random cover image will be chosen for you. Once a cover image has been added, click the “Edit” button in the bottom right corner of the cover image to change or remove it.

Subpages and organisation

Organise pages using drag and drop in the sidebar. You can also click on the 3 dot menu on a page and select the Move to action to search for a new location to move the page to.

Subpages

Subpages are pages that are created within existing pages to organise content hierarchically. Drag and drop any existing page on top of another page in your sidebar to make it a subpage. You can also create a subpage by hovering over the top of an open page and clicking the ‘Add subpage’ button, or hovering over the page in the sidebar and clicking the + Add subpage button. Inheritted settings Actions and settings you take on a page will also apply to it’s subpages. This means that:
  • When you move a page somewhere else, all it’s subpages will move with it.
  • If you share a page to the web, all it’s subpages will also be shared to the web.
  • If you archive a page, all it’s subpages will also be archived.
  • If you delete a page, all its subpages will be deleted.

Page templates

If you frequently use the same layout and formatting in your documents (e.g. for a product requirements document), you could use a page template. To create a template, go to Settings > Workspace > Templates > Pages and select ‘Create page template’. You can also edit and delete existing templates. Then, when you create a new page, you’ll see an ‘Apply template’ button that appears in the newly created empty page.

Convert text to a card

Select any piece of text and choose the ’+’ Card option to convert it into a task. This will open the card creation modal with the card title pre-filled. After you’ve created the card, your selected text will be replaced with a link to the card. This is useful for turning a list of bullet points into real tasks that you can track in a board.

@mention anything

You can press the @ key to search for any team member, card, page, project that you want to ‘mention’ (create a smart link to) within the document. If you mention a team member, they will be notified.

Formatting text

Superthread pages, cards, and comments all share the same text editor and feature set. You can format text, insert tables and inline media, or embed content from other apps like whiteboards from Miro, videos from Loom, or designs from Figma.

Floating toolbar

Highlight a piece of text to bring up a floating toolbar with most basic formatting options, such as bold, italic, convert to heading, add a link etc. Most of these actions are supported with common keyboard shortcuts such as Cmd + B to bold the highlighted text. You can view a complete list of shortcuts here. Image

Slash menu & embeds

In any page, card, or comment you can type froward slash/ to open up a menu of content types you can insert. This includes inline images, videos, callouts, code blocks, or iframe embeds such as Miro, Loom, and Excalidraw. The full list is below: Media
  • /attach (files such as PDFs or documents)
  • /video
  • /image
Basic formatting
  • /checklist
  • /bullet list
  • /numbered list
  • /callout to highlight key information in the page with a coloured background.
  • /codeblock to add a generic monospace block of code. You can alternatively use markdown syntax ```javascript to specify syntax highlighting for your preferred language.
  • /horizontal rule
  • /table to insert a table.
  • /blockquote
Embeds You can embed content from other websites and apps. After embedding you will be able to use the drag handles to resize the content.
  • /board to embed a Superthread board.
  • /YouTube to embed a YouTube video.
  • /Figma to embed a Figma design file.
  • /Miro to embed a Miro whiteboard.
  • /Loom to embed a Loom video.
  • /Excalidraw to embed a whiteboard.
  • /Lucidchart to embed a Lucidchart.
  • /tldraw to embed a tldraw canvas.
  • /iframe to embed another website as a generic iframe.

Emoji picker (shortcodes)

Superthread supports emoji and you can quickly open an emoji picker by typing a colon : character. You can type the name of the emoji after the colon to search for it, for example :smile These are called emoji shortcodes and will be familiar if you use Slack or WhatsApp.

Markdown

Superthread supports markdown, which you may be familiar with from tools such as Slack. If you’re not familiar with it already, it’s designed to allow rapid styling of documents without having to reach for your mouse. Here’s a little cheat sheet to get you underway.
*italic*
_italic_

**bold**
__bold__

# H1
## H2
### H3
#### H4

* bullet list
1. numbered list
[] checklist

~~strikethrough~~

--- page divider

`inline code`

```generic code block```

```javascript
This is a javascript code block with syntax highlighting. Choose the programming language by typing the name of the language after the 3 backticks.
```