Settings Tutorial Storyboard
Format: 1920x1080 landscape Duration: 42 seconds Design source: root DESIGN.md
| Time | Beat | Visual Direction | Motion |
|---|---|---|---|
| 0.0-8.8 | Tutorial goal | Dark command-surface frame, source route, usage note, and Playwright feature screenshot | Elements enter in staggered order; hero frame gets a subtle scale push |
| 8.8-9.3 | Transition | Amber cue-light wipe | CSS transition panel covers the outgoing scene before the next scene appears |
| 9.3-19.4 | Primary workflow | Three operational steps drawn directly from the feature page | Cards enter from varied directions, no jump cuts |
| 19.4-19.9 | Transition | Amber cue-light wipe | Same primary transition for consistency |
| 19.9-30.0 | Result check | Three checks the viewer can perform after the task | Cards build from the completed task outward |
| 30.0-30.5 | Transition | Amber cue-light wipe | Topic reset into usage guidance |
| 30.5-42.0 | Usage boundary | Usage caveat plus quick reference rows | Quick reference enters last; final scene fades down only at the end |
Source Facts
- Promise: Use Settings to change personal preferences, notification behavior, and project access options when your role gives you permission.
- Workflow framing: Change a preference or review project access Settings mixes safe personal preferences with project-level controls, so check which section you are in before changing anything.
- Result-check framing: Confirm whether the change is personal or project-wide Personal preferences sync across projects. Project settings belong to the current production.
- Status: Settings affect project behavior and should be changed carefully.
- Usage guidance: Do not treat project controls like preferences Access changes, archive, and delete actions affect the production. Confirm the project, permissions, and deletion limits before using those controls.