Live structure · re-read on every load

Ramadan Info Box — timeline & layers

16:9 · 8s · Ramadan & Eid. This page reads the published template each time you open it, so it always matches what the app would load.

Use Template ← Back to Ramadan Info Box

How this template is built

Ramadan Info Box is built from 34 layers — 25 image layers, 6 shape layers, 2 text layers and 1 audio layer — spread over 34 tracks and 8s of screen time. Something new happens 15 times along the timeline, and 4 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.

Image 25 Shape 6 Text 2 Audio 1 Editable slot 4

The timeline — when each piece is on screen

Time runs left to right across 8s. 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 Text 1 layer · 1 editable Track 1
  3. 3 Text 1 layer · 1 editable Track 2
  4. 4 Image 1 layer Track 3
  5. 5 Shape 1 layer Track 4
  6. 6 Shape 1 layer Track 5
  7. 7 Shape 1 layer Track 6
  8. 8 Shape 1 layer Track 7
  9. 9 Shape 1 layer Track 8
  10. 10 Image 1 layer Track 9
  11. 11 Image 1 layer Track 10
  12. 12 Image 1 layer Track 11
  13. 13 Image 1 layer Track 12
  14. 14 Image 1 layer Track 13
  15. 15 Image 1 layer Track 14
  16. 16 Image 1 layer Track 15
  17. 17 Image 1 layer Track 16
  18. 18 Image 1 layer Track 17
  19. 19 Image 1 layer Track 18
  20. 20 Image 1 layer Track 19
  21. 21 Image 1 layer Track 20
  22. 22 Image 1 layer Track 21
  23. 23 Image 1 layer Track 22
  24. 24 Image 1 layer Track 23
  25. 25 Image 1 layer Track 24
  26. 26 Image 1 layer Track 25
  27. 27 Image 1 layer Track 26
  28. 28 Image 1 layer Track 27
  29. 29 Image 1 layer Track 28
  30. 30 Image 1 layer Track 29
  31. 31 Image 1 layer Track 30
  32. 32 Image 1 layer Track 31
  33. 33 Image 1 layer · 1 editable Track 32
  34. 34 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.

Ramadan Info Box — layer structure (8s total)
#Layer typeTrackStartsEndsOn screenYou replace it
1 Audio 0 0s 8s 8s Yes — audio
2 Text 1 2.3s 7.9s 5.6s Yes — text
3 Text 2 1.9s 7.9s 6s Yes — text
4 Image 3 1.5s 7.9s 6.4s No
5 Shape 4 1.3s 7.9s 6.6s No
6 Shape 5 1.2s 7.9s 6.7s No
7 Shape 6 1.2s 7.9s 6.8s No
8 Shape 7 1.1s 7.9s 6.8s No
9 Shape 8 1s 7.9s 6.9s No
10 Image 9 0.9s 7.9s 7s No
11 Image 10 0.6s 6.6s 6s No
12 Image 11 0.2s 6.8s 6.5s No
13 Image 12 1.1s 7.2s 6.1s No
14 Image 13 1.2s 6.4s 5.2s No
15 Image 14 0.9s 6.3s 5.4s No
16 Image 15 0.8s 6.7s 5.8s No
17 Image 16 1.3s 6.8s 5.5s No
18 Image 17 1.2s 6.5s 5.3s No
19 Image 18 0s 8s 8s No
20 Image 19 0s 8s 8s No
21 Image 20 0s 8s 8s No
22 Image 21 0s 8s 8s No
23 Image 22 0s 8s 8s No
24 Image 23 0s 8s 8s No
25 Image 24 0s 8s 8s No
26 Image 25 0s 8s 8s No
27 Image 26 0s 8s 8s No
28 Image 27 0s 8s 8s No
29 Image 28 0s 8s 8s No
30 Image 29 0s 8s 8s No
31 Image 30 0s 8s 8s No
32 Image 31 0s 8s 8s No
33 Image 32 0s 8s 8s Yes — image
34 Shape 33 0s 8s 8s 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 →