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.