Blocks are components markdown has no syntax for. They are written as block comments on their own lines, and the publisher keeps them byte for byte. Each example below is followed by its source.
Callouts
A callout holds any HTML inside: paragraphs, lists, code. Four variants set the colour and the default icon.
What you write into a profile is read by every request in that project only. Another project keeps its own voice.
The workflow was copied into three projects. Each copy reads the profile of its new project.
Drafts can contain wrong names, dates or prices. Check them against the source:
- names and titles
- dates and deadlines
- prices and discounts
Export the project first if you may need its conversations later.
Save a correction you make every week as a rule in the profile, and stop typing it.
<!-- onpress/frame {"name":"callout--warning","title":"Check before you send"} -->
Drafts can contain wrong names, dates or prices.
<!-- /onpress/frame -->Alerts
An alert is a one-line notice with a title and a short description. It takes no inner HTML.
<!-- onpress/frame {"name":"alert--info","title":"New in September","description":"Workflows can now be copied between projects."} /-->Steps
Steps number themselves. Each step holds ordinary blocks: paragraphs, lists, code, images.
Set up a workspace
Create a project
Choose New project and give it a name you will recognise in a list.
Write the profile
Paste your website address or describe the work in three or four lines.
Invite the team
Open Workspace → Members and send the invitations.
<!-- onpress/frame {"name":"steps","headline":"Set up a workspace"} -->
### Create a project
Choose **New project** and give it a name.
<!-- /onpress/frame -->Tabs
Tabs switch without reloading the page. Each tab has a label, a title, a description and an optional HTML body.
Nothing to install. Sign in to keep projects across devices.
Available for macOS and Windows.
Every request needs a personal token, issued in the profile.
<!-- onpress/frame {"name":"tabs","data":{"items":[{"id":"web","label":"Web","title":"In the browser","description":"…","content":"…"}]}} /-->Cards
Cards link to other pages. They can be written by hand, as here, or filled from child pages or a topic.
The same block filled from the children of the current page:
<!-- onpress/frame {"name":"cards","data":{"items":[{"icon":"rocket_launch","title":"Getting started","description":"…","url":"/docs/"}]}} /-->Buttons
<!-- onpress/frame {"name":"buttons","data":{"items":[{"text":"Start free","link":"/assistant/","class":"btn btn--icon-after","icon":"arrow_forward"},{"text":"See pricing","link":"/pricing/","class":"btn btn--outline"}]}} /-->Gallery
A grid of images that open full size on click.
<!-- onpress/frame {"name":"gallery--lightbox","data":{"items":[{"img":"/wp-content/uploads/…/one.webp","alt":"…"}]}} /-->Charts
Charts are drawn as SVG on the server: no scripts, readable by search engines and screen readers.
Drafts created per week
All projects in a sample workspace, last six weeks
Requests by type
<!-- onpress/frame {"name":"chart--requests-by-type"} /-->FAQ block
The block form of questions and answers, with the answers stored in its attributes. For questions written as markdown in the page body, see the FAQ insert.
<!-- onpress/frame {"name":"faq-items","data":{"items":[{"question":"…","answer":"…"}]}} /-->Raw HTML
Anything else can go into an HTML block. It is printed as it is.
<!-- onpress/frame {"name":"shortcut","data":{"keys":["⌘","K"],"text":"opens the command menu."}} /-->