Live structure · re-read on every load

Diagonal Window Agent Story — timeline & layers

9:16 · 30s · Real Estate. This page reads the published template each time you open it, so it always matches what the app would load.

Use Template ← Back to Diagonal Window Agent Story

How this template is built

Diagonal Window Agent Story is built from 34 layers — 11 shape layers, 10 text layers, 9 video layers, 3 image layers and 1 audio layer — spread over 34 tracks and 30s of screen time. Something new happens 22 times along the timeline, and 21 of the layers are yours to replace.

These diagrams show the structure of the project — which kind of layer runs when, and what sits in front of what. They deliberately show no wording, footage or artwork: that part is yours to fill in.

Shape 11 Text 10 Video 9 Image 3 Audio 1 Editable slot 21

The timeline — when each piece is on screen

Time runs left to right across 30s. Each bar is one layer; a dashed outline means you replace it. Rows near the top render in front of rows below them.

The layer stack — what sits in front of what

Read this top to bottom the way the camera sees it: the first row is nearest the viewer, the last is the backdrop everything else is drawn over.

  1. 1 Audio 1 layer · 1 editable Front
  2. 2 Shape 2 layers Track 1
  3. 3 Text 1 layer · 1 editable Track 2
  4. 4 Text 1 layer · 1 editable Track 3
  5. 5 Text 1 layer · 1 editable Track 5
  6. 6 Text 1 layer · 1 editable Track 6
  7. 7 Text 1 layer · 1 editable Track 7
  8. 8 Text 1 layer · 1 editable Track 8
  9. 9 Text 1 layer · 1 editable Track 9
  10. 10 Text 1 layer · 1 editable Track 10
  11. 11 Text 1 layer · 1 editable Track 11
  12. 12 Text 1 layer · 1 editable Track 12
  13. 13 Shape 1 layer Track 13
  14. 14 Shape 1 layer Track 14
  15. 15 Shape 1 layer Track 15
  16. 16 Shape 1 layer Track 16
  17. 17 Shape 1 layer Track 17
  18. 18 Shape 1 layer Track 18
  19. 19 Shape 1 layer Track 19
  20. 20 Image 1 layer · 1 editable Track 20
  21. 21 Shape 1 layer Track 21
  22. 22 Image 1 layer Track 22
  23. 23 Image 1 layer Track 23
  24. 24 Video 5 layers · 5 editable Track 24
  25. 25 Video 4 layers · 4 editable Track 25
  26. 26 Shape 1 layer Back
Read the structure as a table (34 layers)

The same information as the diagrams above, in the order the layers stack. Useful with a screen reader, and the version an AI assistant reads when it is asked what this template does.

Diagonal Window Agent Story — layer structure (30s total)
#Layer typeTrackStartsEndsOn screenYou replace it
1 Audio 0 0s 30s 30s Yes — audio
2 Shape 1 0s 0.7s 0.7s No
3 Text 2 5.3s 30s 24.7s Yes — text
4 Text 3 4.7s 30s 25.4s Yes — text
5 Shape 4 4.1s 30s 25.9s No
6 Text 5 3.7s 30s 26.3s Yes — text
7 Text 6 3.6s 30s 26.4s Yes — text
8 Text 7 3.5s 30s 26.5s Yes — text
9 Text 8 2.9s 30s 27.2s Yes — text
10 Text 9 2.7s 30s 27.4s Yes — text
11 Text 10 2.2s 30s 27.9s Yes — text
12 Text 11 6.9s 30s 23.2s Yes — text
13 Text 12 6.9s 30s 23.2s Yes — text
14 Shape 13 3.7s 30s 26.3s No
15 Shape 14 3.7s 30s 26.3s No
16 Shape 15 3.7s 30s 26.3s No
17 Shape 16 3.7s 30s 26.3s No
18 Shape 17 3.7s 30s 26.3s No
19 Shape 18 3.7s 30s 26.3s No
20 Shape 19 3.7s 30s 26.3s No
21 Image 20 4s 30s 26s Yes — image
22 Shape 21 3.3s 30s 26.8s No
23 Image 22 1.3s 30s 28.7s No
24 Image 23 0s 30s 30s No
25 Video 24 26.6s 30s 3.5s Yes — video
26 Video 25 19.6s 26.6s 7s Yes — video
27 Video 26 17.6s 19.6s 2s Yes — video
28 Video 27 11.7s 17.6s 5.9s Yes — video
29 Video 28 9.1s 11.7s 2.6s Yes — video
30 Video 29 7.2s 9.1s 1.9s Yes — video
31 Video 30 5.2s 7.2s 2s Yes — video
32 Video 31 3.4s 5.2s 1.8s Yes — video
33 Video 32 1.3s 3.4s 2s Yes — video
34 Shape 33 0s 30s 30s No

Build this on your phone.

Every layer above is already timed. Fill the slots and export up to 4K.

Download for iOS Get it on Android →