Brand Playbook · On-Screen Graphics

Premium is mostly what you leave out.

Eleven templates for the videos, the Mike & Matty way: Lausanne everywhere, one Larken italic moment, honey for the accent. The footage stays the hero — graphics support the moment, they aren't the moment. Pick the accent with the swatches above; turn on Viewfinder for the optional camera-frame styling, and Rules to see the grid, font specs, and annotations overlaid for learning. These are the dark-room overlays — the cream ICC room is for full-screen titles and motion graphics, not on-footage text.

01

The viewfinder frame

A single hairline inset ~46px from the edge with small corner ticks. It frames the shot as a plate — and does most of the work by itself.

02

Micro, not macro

Tiny Lausanne labels at 0.34em tracking. The confidence is in how little type there is, and how precisely it sits.

03

Metadata as texture

Timecodes, indices, a quiet REC dot in the accent. Functional marks that imply a system — never decoration.

04

One color, one moment

Type is a single cream (or ink, light room). Color appears once — a Larken italic word in honey, emerald, or carnelian.

01

Chapter title

Full viewfinder frame, corner ticks, a kicker, and the title set bottom-left in negative space. Use on wide / two-shot footage with breathing room.

Wide two-shot at table
M&M — S02
00:14:22:06
REC
Chapter Two
How great brands compound
Viewfinder frameCorner ticksTimecodeREC markBottom-left text safe
02

Lower-third

A tighter lower-third: a single emerald rule, name in Lausanne 600, role muted to ~66%. Bottom-left, in the dead space beside the subject.

Lorem Ipsum
Dolor sit amet · consectetur
Single emerald ruleLausanne 600Role muted 66%Bottom-left
03

Editorial moment

A subtitle / pull-line set in Larken italic — the one warm gesture. A single word lifts to the accent. This is where the serif earns its keep.

Host gesturing, fills frame
On Building
00:31:08:14
The Lesson
You don't need more ideas. You need to finish one.
Larken italicOne accent wordEyebrow + ruleBottom-aligned full-width
04

Definition

Same logic, more text. Tighter inset frame, term in Lausanne, plain-English body in dimmed cream with one italic lift. Left third only — subject lives in right two-thirds.

Host in profile, subject hard right, clear left space
FIG. 02
Definition
Compounding
Doing the obvious thing, repeatedly, for far longer than feels reasonable — until the results stop looking reasonable.
Tight frameTerm + bodyDensity · tweakableLeft-third safe
05

Stat / number

One huge figure in Lausanne, one line of context. The unit lifts to the accent italic. Nothing competes with the number.

Host, both hands, space left
FIG. 04
Retail Velocity
3.4×
more shelf placements when distributors own the route.
Lausanne figureAccent unitLeft-scrimSubject offset right
06

Pull-quote

A line worth holding on. Lausanne with one Larken-italic accent, an uppercase attribution and a short hairline. Where it sits depends on the shot — cycle the cases to see it adapt.

Ultra-wide two-shot, subjects small and centred
The work isn't the thing that gets you noticed. The work is the thing that makes you trusted.
— Episode 27
Subject on the right, open left column
The work isn't the thing that gets you noticed.
— Episode 27
1 / 2 Wide shot · quote centred
Larken accentAdapts to the shotCentered or left-shiftedHairline divider
07

Spread title

A wide cinematic title that wraps around the subject instead of covering them. Two-word fragments at the far left and right edges, load-bearing word in Larken italic. Needs a wide shot — subject small and centred so the edges stay clear of his body.

Super-wide two-shot, subjects centred
Episode 14
00:00:08:22
The Art
of Interior Design.
Subject in center, text at edgesMixed Lausanne + Larken italicTwo accent words okWide shot required
08

List · title card

A heading with an emerald gradient marker behind it, then a short list. The next-up item dims to ~38% so the viewer knows where they are. Lives in the left third.

Lorem ipsum
  • Dolor sit amet
  • Consectetur elit
  • Adipiscing sed
Emerald gradient markerLausanne 800Next item dims 38%Left third
09

Subtitle · caption

The spoken line on an emerald highlight, with the lead-out dimmed. One block at a time, never two — the highlight tracks what's being said right now.

Lorem ipsum dolor sit amet, consectetur adipiscing elit
Emerald highlightLead-out dimmedOne block, never twoBottom-center
10

Chapter marker

The quiet act-break. A Larken-italic honey number, an emerald hairline, a wide-tracked Lausanne label — dead-centre, soft grade only. For the beat between scenes.

02 The Room
CenteredLarken honey numberEmerald hairlineWide-tracked labelAct break
11

Crossword opener

Two words sharing a first letter — one across, one stacked — in Lausanne 800 on an even grid. Honey carries the corner credits, a single Larken-italic byline signs it. Letters land in the room's dark gutters, clear of the subjects. The series opener.

Mike & MattyThe Long Game
MAKER
ENTOR
The Library Sessions · Ep. 04
Interlocking wordsLausanne 800Honey creditsLarken bylineLetters in dark gutters