Bloom story-format screens with sliding leaf transition

Summary

Three consecutive vertical story frames laid side by side on black, reading as one horizontal motion sequence where a leaf slides through the frame and hands off to the headline.

Visual description

A pure black field holds three rounded-corner vertical screens of equal size, butted close together with narrow gutters. Each carries the same chrome: a segmented progress bar across the top, a small dark circular badge at top left with a white B, and a thin white close cross at top right. The screen bodies are a warm taupe pink. Running across all three at mid height is a horizontal band of dark brown streaks, a leaf dragged sideways into a smear so the frames connect visually. In the left screen a dried brown leaf enters from the left with its tip resolved and its tail smearing right. The centre screen has no leaf, only the brown streak band, and carries the message: two lines of acid green sans-serif reading "Technology with impact" with an outlined green pill button below reading "Get started". The right screen mirrors the left, with a serrated dried leaf on a stem entering from the right, tail smearing back toward the centre. Read left to right the three panels behave as start, middle and end of a single pass.

Key takeaway

Presenting a motion idea as three still frames that share one continuous streak across the gutters communicates the transition without a video. The message frame is deliberately the emptiest of the three, so the copy lands in the calm between two moving frames.

Reuse notes

Good pattern for showing app story or full-screen takeover motion inside a static case study, deck or portfolio page. Requires the frames to be arranged in shot order and the moving element to cross the gutters, otherwise it reads as three unrelated screens. The near-black surround is doing a lot of the focus work, so it will weaken on a light page.