Step through this interactive concept demonstration to see how numbered click markers and formatted interface badges guide a reader through a workflow.
In Adobe InDesign’s New Document window, click the Print category along the top bar to view print document presets.
[Print], {Units}, ▸). It currently uses a single placeholder screenshot while our multi-lesson sample tutorial is being finalized. In an actual Gradatimo pre-click recording session, each step captures the exact interface state—such as an open dropdown menu or active setting—immediately before the click changes the screen.Gradatimo is designed so you can author a tutorial once in a .gradatimo project and publish it across multiple formats. As our complete reference tutorial is finalized, genuine untouched application exports will be available to inspect and download below.
Every publication starts in the three-pane desktop editor: lessons and ordered steps on the left, non-destructive screenshot annotations in the center, and formatted instructions with attachments on the right.
A structured PDF publication generated directly by Gradatimo—complete with a cover page, clickable table of contents, lesson headings, numbered screenshots, formatted UI badges, and an optional QR code linking to the web version.
A self-contained HTML document generated by Gradatimo that opens in any standard web browser—online or offline—without requiring recipients to install Gradatimo or rely on external hosting.
An organized, navigable multi-lesson website exported by Gradatimo, complete with lesson navigation, step screenshots, formatted directions, and bundled downloadable starter files ready for your own domain or LMS.
Publish the same .gradatimo project as an interactive animated HTML presentation (with play/pause, step scrubber, and sequential click markers) and as an H.264 MP4 video with optional voiceover narration.
Capture, refine, and organize instructions in one place. Publish the guide that fits your audience.