Build
Card styles
Three card layouts — text only, a featured image card, and an icon with a headline.
It's included on every plan.
What it is
Every card uses one of three styles. Text only is a headline plus description. Featured adds an image above the text. Side by side pairs an icon with a headline and description, and is available on stacked list tutorials.
Why it helps
A wall of identical cards is hard to scan on a phone. Varying the style gives the page a rhythm and lets you signal which cards are the main path and which are extras.
How to use it
- Open a card in the editor and pick a style.
- Featured cards accept an image, cropped to the same 4:3 frame the published page uses.
- Side by side cards take an icon from the library or your own uploaded SVG.
- Switching a tutorial to Step by step turns any Side by side card into Text only.
Try it on your product
Create a tutorial, publish it to your own URL and print the QR code.
Get startedMore on Build
Step-by-step tutorials
Walk someone through a task one card at a time, with a progress bar and a finish screen.
Stacked list tutorials
Show every card on one scrolling page so people jump straight to what they need.
Tutorial themes
Pick a visual theme for a tutorial, then pick a color set for that theme.
Tutorial search
Add a search bar to a stacked list tutorial so people find the right card instantly.