03 · Screens

The whole app, screen by screen.

Full 1440 × 900 mockups built from the app’s own markup and stylesheet. The only things redrawn are the pixels: the video on the stage and the thumbnails are CSS. Each screen follows the theme switch; open any one full size to inspect it.

Editor

Inspector on the left, the stage in the middle, the timeline below. Sections run across the top of the timeline; effects, the score, sound effects and the narrator each get a lane above the layers.

Light and dark

Same screen, both appearances

Home

New project formats and templates in a row at the top, then the library: filters, search, sort and a grid or list of projects and folders.

Light and dark

Same screen, both appearances

Sign-in

The form on the left in the app’s own type; on the right, a Mootionblue video plays on a stage like the editor’s. Accounts run on Clerk, restyled to match.

Account

One wide panel on the dotted board, with a way back to projects.

Export

Export opens a sheet from the top bar: pick a format, then a modal shows the render. With a range marked, the sheet offers just that range.

Keyboard shortcuts

⌘/ opens every command with its keys. Click a shortcut to change it, or + to add one.