Flora period-tracking app ad with a calendar screen
1.0K views · 5 likes · 9 saves · 0 reposts · Posted Sep 25, 2026 · 0:26 · Motion graphics
OUR NOTEA promotional video for the Flora menstrual calendar app, showing a phone mockup of its calendar screen over a soft pink gradient, built from the creator's own reference photos and clips using JavaScript, Playwright, and FFmpeg.
Mandei o Opus 5.5 fazer um video do Flora passando só uns videos e umas fotos que deixei em uma pasta pra ele acessar e esse foi o resultado.
Vou deixar o prompt no comentário.THE PROMPT
Product ad brief with assetsDentro da pasta do flora tem uma outra pasta chamada "ads" com videos e prints do Flora(Caso queira usar como referencia).
Use apenas: JavaScript, Playwright e FFmpeg. Faça um vídeo moderno, elegante e impactante para meu produto.
https://apps.apple.com/pt/app/flora-calend%C3%A1rio-menstrual/id6789702093MAKE ONE LIKE THIS
Three steps, using what the creators in this index used.- 1 · Copy the prompt
Use the prompt above as your starting point, then change the subject and the style.
HOW OTHERS WROTE THEIRS → - 2 · Direct it like an editor
- Ask for one self-contained HTML file on a fixed 1920×1080 stage.
- Link this video as the reference for pacing and style.
- Send two or three rounds of specific notes.
- 3 · Render it to MP4
A short piece like this can be screen-recorded, or captured frame by frame for exact timing.
TURN AN HTML ANIMATION INTO AN MP4 →
The creator didn't name their tools. Most videos like this are HTML, canvas or SVG animation written by Claude and screen-recorded or rendered to MP4 — how that works.
Indexed Sep 28, 2026, 8:28 AM · Views as of indexing. Video and post © their creator.