Interface

Dashboard

The dashboard is your home screen after logging in. It displays all your documents in either grid view (thumbnail cards) or list view (compact rows).

Key elements:

  • New Document button (top-right) - create a blank document
  • Search bar - find documents by name
  • Sort menu - sort by name, creation date, or last modified
  • View toggle - switch between grid and list layout

Sidebar

The left sidebar provides navigation across the app:

SectionDescription
DocumentsYour document library (default view)
ProjectsFolder-based organization with color-coded icons
TrashSoft-deleted documents (30-day retention)
SettingsProfile, security, locale, and email preferences
BillingPlan management, invoices, and AI Video credits

ℹ️ Info: On mobile, the sidebar collapses into a hamburger menu accessible from the top-left corner.

Editor

The editor is where you build your documents. It has three main areas:

Left Panel - Block List

A vertical list of all blocks in your document. Drag blocks to reorder them. Click a block to select it in the canvas.

Center - Canvas

The main editing area. Each block renders inline: text, screenshots, code, tables, and dividers. Click any block to edit it.

Top Toolbar

Context-sensitive controls that change based on the selected block:

  • Text blocks - formatting options (bold, italic, underline, headings, lists)
  • Screenshot blocks - annotation editor, enhancer, replace image
  • Document-level - Export, Share, Settings, and AI Video generation buttons

Share Dialog

Click Share in the toolbar to open the share dialog. From here you can:

  • Generate a public share link
  • Set password protection (Pro+)
  • Enable email verification gate (Pro+)
  • Set an expiry date (Pro+)
  • Configure domain allowlist (Business)
  • Get an iframe embed code (Pro+)

Export Dialog

Click Export to open the export dialog with format options:

  • PDF - print-ready document via browser print engine
  • Markdown - plain text with image references
  • HTML - self-contained HTML file
  • Presentation - download an interactive HTML file in presentation form

💡 Tip: Use Cmd+S to manually save at any time, though clarife auto-saves your work continuously.