Ramadan Name Card — timeline & layers
16:9 · 7s · 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 Name Card is built from 37 layers — 27 image layers, 6 shape layers, 2 text layers, 1 audio layer and 1 video layer — spread over 37 tracks and 7s of screen time. Something new happens 18 times along the timeline, and 5 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.
The timeline — when each piece is on screen
Time runs left to right across 7s. 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 Audio Front
- 2 Text Track 1
- 3 Text Track 2
- 4 Image Track 3
- 5 Shape Track 4
- 6 Shape Track 5
- 7 Shape Track 6
- 8 Shape Track 7
- 9 Shape Track 8
- 10 Image Track 9
- 11 Image Track 10
- 12 Video Track 11
- 13 Image Track 12
- 14 Image Track 13
- 15 Image Track 14
- 16 Image Track 15
- 17 Image Track 16
- 18 Image Track 17
- 19 Image Track 18
- 20 Image Track 19
- 21 Image Track 20
- 22 Image Track 21
- 23 Image Track 22
- 24 Image Track 23
- 25 Image Track 24
- 26 Image Track 25
- 27 Image Track 26
- 28 Image Track 27
- 29 Image Track 28
- 30 Image Track 29
- 31 Image Track 30
- 32 Image Track 31
- 33 Image Track 32
- 34 Image Track 33
- 35 Image Track 34
- 36 Image Track 35
- 37 Shape Back
Read the structure as a table (37 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.
| # | Layer type | Track | Starts | Ends | On screen | You replace it |
|---|---|---|---|---|---|---|
| 1 | Audio | 0 | 0s | 7s | 7s | Yes — audio |
| 2 | Text | 1 | 2.6s | 6.9s | 4.3s | Yes — text |
| 3 | Text | 2 | 2.3s | 6.9s | 4.6s | Yes — text |
| 4 | Image | 3 | 2s | 6.9s | 5s | No |
| 5 | Shape | 4 | 1.4s | 6.9s | 5.5s | No |
| 6 | Shape | 5 | 1.3s | 6.9s | 5.6s | No |
| 7 | Shape | 6 | 1.2s | 6.9s | 5.7s | No |
| 8 | Shape | 7 | 1.2s | 6.9s | 5.8s | No |
| 9 | Shape | 8 | 1.1s | 6.9s | 5.8s | No |
| 10 | Image | 9 | 1.5s | 6.9s | 5.4s | No |
| 11 | Image | 10 | 1.5s | 6.9s | 5.4s | No |
| 12 | Video | 11 | 1.3s | 6.9s | 5.6s | Yes — video |
| 13 | Image | 12 | 0.6s | 6.9s | 6.4s | No |
| 14 | Image | 13 | 1.6s | 6.9s | 5.2s | No |
| 15 | Image | 14 | 1s | 6.7s | 5.7s | No |
| 16 | Image | 15 | 1.2s | 5.7s | 4.5s | No |
| 17 | Image | 16 | 1.8s | 7s | 5.2s | No |
| 18 | Image | 17 | 0.7s | 6.9s | 6.2s | No |
| 19 | Image | 18 | 0.2s | 5.7s | 5.4s | No |
| 20 | Image | 19 | 1.2s | 6.9s | 5.7s | No |
| 21 | Image | 20 | 1.5s | 4.8s | 3.2s | No |
| 22 | Image | 21 | 0s | 7s | 7s | No |
| 23 | Image | 22 | 0s | 7s | 7s | No |
| 24 | Image | 23 | 0s | 7s | 7s | No |
| 25 | Image | 24 | 0s | 7s | 7s | No |
| 26 | Image | 25 | 0s | 7s | 7s | No |
| 27 | Image | 26 | 0s | 7s | 7s | No |
| 28 | Image | 27 | 0s | 7s | 7s | No |
| 29 | Image | 28 | 0s | 7s | 7s | No |
| 30 | Image | 29 | 0s | 7s | 7s | No |
| 31 | Image | 30 | 0s | 7s | 7s | No |
| 32 | Image | 31 | 0s | 7s | 7s | No |
| 33 | Image | 32 | 0s | 7s | 7s | No |
| 34 | Image | 33 | 0s | 7s | 7s | No |
| 35 | Image | 34 | 0s | 7s | 7s | No |
| 36 | Image | 35 | 0s | 7s | 7s | Yes — image |
| 37 | Shape | 36 | 0s | 7s | 7s | 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 →