Médias Sociaux

Reels goes up to 20 minutes, but the algorithm cuts you back to 3: designer for the vertical in 2026

Platforms are constantly extending their limits - Reels reaches 20 minutes - but algorithms and completion rates punish length. How to adapt your design system to the 9:16 format without betraying it.

3 oct 20258 min de lecturePASCAL POTVIN
Écouter l'article

The paradox of duration

Platforms keep extending their limits. In 2026, an Instagram Reel can last up to 20 minutes, a Story goes to 60 seconds per segment, TikTok accepts up to 10 minutes, and YouTube Shorts has gone up to 3 minutes. And yet, the data that counts goes in the opposite direction: Instagram's algorithm stops recommending Reels longer than 3 minutes to non-subscribers, and the highest completion rate is between 7 and 15 seconds. In other words, the technical ceiling rises, but the reward remains in the cellar. The real constraint of the vertical format has never been duration - it's attention.

PlatformMax limit 2026Sweet spot
Instagram Reels20 min7-15 s (>3 min not recommended)
Instagram Stories60 s / segmentshort, sequenced
TikTok~10 min15-34 s
YouTube Shorts3 min30-60 s

For a brand that already has a design system, the challenge isn't to fill those minutes: it's to adapt an identity designed for the horizontal to a five-inch screen held at arm's length, and to capture the viewer in less than two seconds. It's not a reframing, it's a conceptual overhaul.

Vertical is not a crop

The 9

format, in 1080 by 1920 pixels, overturns the conventions of horizontal design. The composition follows a tripartite logic that I systematically apply: the top third is the hook zone, where the eye must be caught in less than two seconds; the middle third carries the message to be remembered; the bottom third hosts the call to action and interactive elements. This division is the foundation of any effective vertical composition.

Two technical constraints frame this. First, the safety zones: each platform superimposes its interface - nickname and closing at the top, interaction buttons and CTAs at the bottom - and these zones vary. My rule of thumb is to keep 150 pixels of margin at the top and 250 at the bottom, and to place the essentials in the central free zone. Then, the reduced width imposes a radical simplification: a visual that used to fit on three columns in landscape must be condensed into a single one. One message per screen, hierarchical information, a call to action. This constraint is actually an exercise in clarity, forcing us to eliminate the superfluous.

Typography: thinking for the outstretched arm

Vertical typography requires much larger sizes than on the web: minimum 24 pixels for the body, 48 for titles, and no more than two to three lines per screen. These dimensions may seem excessive on a work screen, but they are necessary for comfortable reading on the move, with fragmented attention and variable brightness. I prefer sans-serifs with high x-heights and generous openings, in semibold to bold for titles - fine serifs disappear in bright sunlight. Contrast with the background must be high: a plain background or a gradient with a dark overlay guarantees legibility in all circumstances. Animated text has become a convention of the format - words appear, numbers scroll - and gives rhythm to reading. Centered or left-aligned only; justified is not recommended for these small widths.

Adapt the design system: tokens, not compositions

This is the heart of the matter, and the principle can be summed up in one sentence: brand consistency is maintained by tokens, not compositions. A carousel, a Story and a Reel share the same colors, fonts and graphic elements, but their compositions are radically different. Consistency at the atomic level, freedom at the compositional level - this is what makes a brand recognizable without appearing repetitive. In Figma, I'm creating a section dedicated to vertical formats, with pre-configured 1080×1920 frames and components that inherit tokens from the main system.

I maintain a library of vertical templates that cover the most common cases: centered quote on graphic background, numbered list of tips, horizontally divided before-and-after, step-by-step tutorial, product showcase, casual behind-the-scenes. Each one respects the brand's tokens. And I plan interactive elements right from the template design stage, because they're strategic, not decorative: a survey generates audience data while multiplying interaction time, a reaction slider is an almost irresistible engagement mechanism, a countdown timer creates urgency. To integrate them after the fact is to miss them.

Measure and iterate quickly

Vertical metrics are specific. Completion rate - the percentage who look all the way to the end - is the main indicator of quality. The tap-forward versus tap-back ratio reveals density: too many taps forward, the content is too slow; too many taps back, it's too dense. Responses, shares and profile visits generated from Stories measure deep engagement, beyond just views. I correlate these numbers with design choices - template, presence of interactives, palette, type size - to pinpoint what performs by segment.

The advantage of the vertical approach is the speed of iteration: production cycles are short and data arrives in a matter of hours. I publish regularly, measure methodically, and adjust templates every two weeks. The trap to avoid in 2026 is precisely that opened up by the new limits: believing that because you can do 20 minutes, you should. Keep it short, keep it sharp, keep your tokens - and leave the duration to others.

§ COMMENTAIRES

Laisser un commentaire