Live structure · re-read on every load

Ramadan Cloud Opener — timeline & layers

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

How this template is built

Ramadan Cloud Opener is built from 35 layers — 14 image layers, 13 text layers, 6 video layers, 1 audio layer and 1 shape layer — spread over 35 tracks and 24.4s of screen time. Something new happens 25 times along the timeline, and 19 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 14 Text 13 Video 6 Audio 1 Shape 1 Editable slot 19

The timeline — when each piece is on screen

Time runs left to right across 24.4s. 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 Image 6 layers Track 1
  3. 3 Video 1 layer Track 7
  4. 4 Text 6 layers · 6 editable Track 8
  5. 5 Text 6 layers · 6 editable Track 9
  6. 6 Text 1 layer · 1 editable Track 10
  7. 7 Image 4 layers Track 11
  8. 8 Image 3 layers Track 12
  9. 9 Image 1 layer Track 13
  10. 10 Video 3 layers · 3 editable Track 17
  11. 11 Video 2 layers · 2 editable Track 21
  12. 12 Shape 1 layer Back
Read the structure as a table (35 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 Cloud Opener — layer structure (24.4s total)
#Layer typeTrackStartsEndsOn screenYou replace it
1 Audio 0 0s 24.4s 24.4s Yes — audio
2 Image 1 18.9s 20s 1.1s No
3 Image 2 15.1s 16s 0.8s No
4 Image 3 11.4s 12.2s 0.8s No
5 Image 4 7.6s 8.8s 1.1s No
6 Image 5 3.8s 4.6s 0.8s No
7 Image 6 0s 0.7s 0.7s No
8 Video 7 0s 24.4s 24.4s No
9 Text 8 20.5s 24.4s 3.8s Yes — text
10 Text 9 20s 24.4s 4.4s Yes — text
11 Text 10 19.5s 24.4s 4.8s Yes — text
12 Image 11 19.3s 24.4s 5.1s No
13 Image 12 18.8s 24.4s 5.6s No
14 Image 13 18.8s 24.4s 5.6s No
15 Text 14 17.1s 18.9s 1.8s Yes — text
16 Text 15 16.3s 18.9s 2.7s Yes — text
17 Image 16 15.2s 19.3s 4.1s No
18 Video 17 15.2s 19.3s 4.1s Yes — video
19 Text 18 13.3s 15.2s 1.8s Yes — text
20 Text 19 12.5s 15.2s 2.7s Yes — text
21 Image 20 11.4s 15.5s 4.1s No
22 Video 21 11.4s 15.5s 4.1s Yes — video
23 Text 22 9.2s 11.4s 2.3s Yes — text
24 Text 23 8.3s 11.4s 3.1s Yes — text
25 Image 24 7.7s 11.8s 4.1s No
26 Video 25 7.7s 11.8s 4.1s Yes — video
27 Text 26 5.8s 7.7s 1.9s Yes — text
28 Text 27 4.9s 7.7s 2.8s Yes — text
29 Image 28 3.8s 8s 4.2s No
30 Video 29 3.8s 8s 4.2s Yes — video
31 Text 30 1.7s 3.8s 2.2s Yes — text
32 Text 31 0.8s 3.8s 3s Yes — text
33 Image 32 0s 4.2s 4.2s No
34 Video 33 0s 4.2s 4.2s Yes — video
35 Shape 34 0s 24.4s 24.4s 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 →