3.1ApplicationChannels

Digital

Digital is where most people meet the campaign, often for less than a second. Every screen leads with one headline, one photograph and one action.

40:00

Every example in this chapter comes from one campaign: Made for minute forty, for the Tempo collection, Autumn/Winter 2026.

Website

The landing page carries the launch headline. Above the fold there is one headline, one photograph and one primary action.

Website landing page
  • The headline is the biggest thing on the screen, and the only thing set in StridePro ExtraBold Italic.
  • One primary button per screen. It says what happens: “Shop Tempo”, never “Learn more”.
  • Type sits on a solid panel or calm sky, never across a face or a busy background.

App

In the app, the campaign turns into coaching. The same minute forty becomes a target to hold, and the kit it’s about shows up when the weather calls for it.

App screens
  • Numbers lead. The figure is the headline; the label sits under it in Regular.
  • Campaign lines appear once, where they help: as the coach’s note, not as a banner.
  • The current tab is the only filled icon on the screen, as the Iconography page sets out.

Social

Social feed post, 4:5
Feed post, 4:5 · 1080 × 1350. The headline sits on a Stride Navy panel, clear of the runner’s face. The caption leads with a fact and ends with the one hashtag.
Social story, 9:16
Story, 9:16 · 1080 × 1920. Type stays between the dashed lines. The platform draws its own controls in the top 14% and the bottom 20%.
  • One headline per post, from the headline bank, on a solid panel and never across a face.
  • Captions lead with a fact: forty runners, a wet November, zero leaks. One hashtag, at the end.
  • Faces and effort, not product shots. The product shows up on the athlete.

Email

The subject line does the work of a headline in the inbox. Keep it under 40 characters, and let the preheader finish the thought rather than repeat it.

Launch email in the inbox

Display banners

A banner has three things: a headline, a photograph and a button. The wordmark appears in the first frame and stays on screen.

Display banner, 300 × 250
Medium rectangle 300 × 250
Display banner, 728 × 90
Leaderboard 728 × 90, desktop only
Display banner, 320 × 50
Mobile banner 320 × 50. No photograph: at this size it would only be a smudge.

What the button says

Shop Tempo

not “Click here”

Find your size

not “Learn more”

Watch the film

not “Discover”

Start run

not “Go”

Two or three words: a verb, then the thing you get.