SynthMock
This fictional creative brief follows one note from quick capture to a more organized workspace. It uses the fold to explain a change in context, with the selected note acting as the visual thread.
Try it in SynthMock
Start with a Duo scene.
Use a reusable template as your starting point, then apply the choices in this article.
A paid plan is required to use templates and export.
Prepare two views of the same idea
Use a short neutral note such as Weekend plan for the cover. Show its title, the start of the text and a clear capture action. For the inner image, keep that note selected and add a restrained list or grouping area beside it. Do not switch to a different document just because the wider view looks more attractive.
The proposed palette is a quiet sage background, one device finish and a single accent on the selected note. Use original demo copy rather than private notes. The mockup presents the prepared sources; it does not create a notes app or prove cross-screen state continuity.
A six-shot outline
Start with two to three seconds per shot, then adjust according to how much text must be recognized. Keep adjacent motion endpoints continuous and the effect spans aligned with their shots. The outline is a proposal to author, not a description of a prebuilt exact template.
| Shot | Information goal |
|---|---|
| 1 · Cover | Recognize Weekend plan |
| 2 · Approach | Emphasize the short captured idea |
| 3 · Begin opening | Keep the selected note identifiable |
| 4 · Open workspace | Reveal the note beside related items |
| 5 · Quiet detail | Show the organizing relationship |
| 6 · Open hero | Return to a clear overview |
Keep the organization believable
The temptation is to populate the wider screen with many cards. Resist it when those cards are only visual filler. Three clearly related items can explain organization more directly than a full wall of unreadable notes. Preserve realistic product structure if this brief is adapted to an existing app.
For the final reading moment, favor restrained perspective over an extreme orbit. A brief hardware detail can support the sequence, but the note should remain the reason the device opens. Deliver a cover still and an open still alongside the animation so the product relationship remains clear without playback. Review those two images together before investing in a longer render.
See a Duo sequence in motion
Final pass
Before you call it finished
- Keep one note selected across both sources.
- Use fictional or permission-cleared text.
- Make the organizing relationship visible in the final open view.
Make the next version yours.
Explore Duo templates ↗