Home
Resources
Agent Skills
Video styles
Grain and map — the documentary explainer video style

Grain and map — the documentary explainer video style

A video-style skill that directs a short vertical video as a documentary explainer in the manner of Johnny Harris's work: real photographs cut into layers and pushed through in parallax, a dark map the camera flies into while a route draws and a pin drops, typed labels, one big kinetic line per scene, film grain in every frame and one light leak per scene on a dark warm field. It fixes the material, a motion language (one ease per job), three layers in every scene, eight elements each with one verb, a method for cutting on the transcript's word timings, caption rules, how to make every asset from photographs the client owns and open map data with nothing AI-generated on screen, and a review checklist. It reproduces the moves, never anyone's footage or photographs.

Studied from Johnny Harris

Updated 14 October 2026 · By Sadeq

When to use it

Direct and build a short vertical video in the grain-and-map style: a documentary explainer where real sources arrive in a fast montage (a new photograph, page or object every half second to second and a half, each in a film-slide frame and pushing in), photographs are cut into layers and moved in parallax, and maps show change over time — areas filling and retreating, markers travelling with them, a date stamp turning — while big kinetic lines land on the voice and grain sits on every frame. Use when someone asks for a video "in the documentary style", "like a Johnny Harris explainer", a map video, a history or "how we got here" story, a founder story told with photographs, or an explainer that must feel filmed without any footage. Do not use it for a beat-cut product drop, a bright flat-colour brand piece or a talking head.

Complete file

SKILL.md

---
name: grain-and-map
description: >
  Direct and build a short vertical video in the grain-and-map style: a
  documentary explainer where real sources arrive in a fast montage (a
  new photograph, page or object every half second to second and a half,
  each in a film-slide frame and pushing in), photographs are cut into
  layers and moved in parallax, and maps show change over time — areas
  filling and retreating, markers travelling with them, a date stamp
  turning — while big kinetic lines land on the voice and grain sits on
  every frame. Use when someone asks for a video "in the documentary
  style", "like a Johnny Harris explainer", a map video, a history or
  "how we got here" story, a founder story told with photographs, or an
  explainer that must feel filmed without any footage. Do not use it for
  a beat-cut product drop, a bright flat-colour brand piece or a talking
  head.
license: MIT
metadata:
  author: daena-digital
  version: "2.1"
  collection: video-styles
---

# Grain and map — the documentary explainer style

A grain-and-map video looks like film that somebody shot and then marked
up at a desk: a dark warm field with grain in every frame, and on it a
stream of real things. When the story names a history, the sources come
fast — a page, an engraving, a press, a portrait — a new one every half
second to second and a half, each in a slide frame and pushing in. When
the story names a place, the map shows something happening there: an
area spreading, two sides trading ground, a marker moving with its
side, a date turning at the top. Photographs have depth because their
layers move at different speeds, and one big line of type lands on a
spoken phrase. Nothing is flat, nothing is still and nothing is clean.

Studied frame by frame (every half second) from two Johnny Harris
videos — see Reference — and from the write-ups of how his maps and
textures are built. This skill reproduces the **moves** — the texture,
the montage, the depth, the map, the cutting — never his footage, his
photographs or his words.

## When to pick grain and map over another style

- The script is **a story with a where**: a founder, a route, a city, a
  region, a journey from one place to another. The map is a character.
- The assets are **photographs**: the client's own, or openly licensed
  ones they are allowed to use. The style needs four to ten of them.
- The piece wants to feel **serious and filmed**, not designed. A
  documentary register carries a slower, longer script than the other
  styles.
- There is **no footage** and no appetite for generated imagery; the
  depth comes from cutting real photographs into layers.

Pick something else if the piece has no place and no photographs (a
paper collage can run on screenshots and labels; this cannot), if it is
a fast product drop, if it is a bright flat brand piece, or if a person
on camera is the point.

## Before building

Run the concept gate in the `video-craft` skill first: when there is a
reference clip, its essence in three sentences that name none of its
objects; the message line; three concepts; and a storyboard in which every
frame says why it means its line, approved before anything renders. Every
picture passes its two tests — only this subject could have produced it,
and one sentence says why it means its line — and every cut follows the
seam rules there: the same axis, direction and speed on both sides, the cut
landing mid-motion, one main direction for the film, an object carrying the
eye across. Those rules are adapted from HeyGen's open-source HyperFrames
skills (Apache License 2.0); the full credit is in `video-craft`.

The cuts are hard and the push is the only camera, so the main direction is
forward: the push on both sides of a cut moves into the picture at the same
speed. The map flight is the move held in reserve, for arriving at a place,
and the place or the subject of the photograph is what carries the eye
into the next shot.

## One built picture per idea

Every clause of the script gets a picture that **acts the idea out**,
and it moves for as long as the idea is spoken.

- **Something changes on every clause**: a new source in the montage, a
  fill spreading on the map, a marker moving, a line landing. Nothing is
  still for more than a second and a half.
- **A history is a montage, not a photograph.** When the voice names a
  period, a category or "all of these", show ten or more real sources in
  a row, half a second to a second and a half each.
- **A map is a process, not a place.** It shows something changing:
  an area growing, a reach spreading, two sides trading ground. A pin on
  a still map is a caption, not a map scene.
- **A capture is raw material.** It goes into the montage, into a
  parallax layer or onto the map as a marker — never the whole frame
  with a highlight on it.

## The world

One material, obeyed everywhere. Decide these before a single frame:

| Property | Choice |
|---|---|
| Surface | The brand's darkest neutral, warmed: a near-black with a little red or brown in it, never a pure black and never a cool grey. A soft radial light sits off-centre so the field is never one flat value |
| Grain | Film grain on every frame at about 0.35 on a 0–1 scale, animated so it never freezes. It is the one texture that is always on; a scene without it looks like it came from another video |
| Light leak | One per scene at most: a warm orange-to-pink blur that drifts in from a corner over about a second, peaks under 40% opacity and fades. It sits on top of everything except the captions. Place it on the cut, never mid-sentence |
| Photographs | Cut into two or three layers (subject, middle, background), each layer's edge feathered a few pixels, the background blurred slightly and the subject not at all. Colour is graded toward the field: lifted blacks, slightly desaturated, a warm cast |
| Map | A quiet map: either dark (land a shade lighter than the field, water the field itself) or pale paper-grey with fine coastlines and borders, never in full colour, so the story's fills are the only colour on it. No labels but the ones the story types on. Terrain or satellite imagery is allowed if it is openly licensed and graded to match |
| Fill | An area on the map in a flat, slightly translucent colour with a soft edge: the accent for the subject, one second colour for what it meets. Never more than two |
| Marker | A round badge with a thin light ring holding a picture or a mark that stands for one side of the story (the client's own photograph, an icon drawn in the composition), with a small uppercase name under it |
| Stamp | A small caption at the top centre naming the time or state the map is showing ("2019", "WEEK 1"), changing as the map does |
| Slide | A montage frame: the source picture inside a rounded film gate with a dark surround and a slight vignette, as if projected |
| Ink | The brand's lightest neutral, used for routes, pins, label text and the big lines. One accent colour for the one thing the map is about: the route, the pin, the marked phrase |
| Type | The brand display face, heavy, for the big lines. A condensed or monospaced face, uppercase, tracked out, for map labels and the small captions that name a place and a year |
| Vignette | Always on, about 0.3, so the corners are darker than the centre and the light leak reads as light |

## Motion language

One ease per job, and the same ease every time that job comes up.

| Property | Choice |
|---|---|
| Parallax | Every photograph moves for its whole scene: a slow push of 1.00 to about 1.08 on the subject layer, half of that on the middle layer, a quarter on the background. Linear or very gently eased; the layers must never stop |
| Photograph entrance | A hard cut into the photograph already moving. No fade, no slide. The grain and the field are the only continuity between scenes |
| Map flight | One continuous camera move per map scene, from wide to the place over 40–60 frames, eased in and out, with a little rotation (two or three degrees) so it reads as a flight and not a zoom |
| Routes | Draw on along their length over 20–40 frames, the pace matched to the spoken clause that names the journey. A route with no clause has no business drawing |
| Pins | Drop from above over about eight frames with one small bounce, then hold. The label for the pin types on after the pin lands |
| Labels | Type on letter by letter, about two frames a letter, with a block cursor that disappears when the word is done |
| Big lines | Land word by word on the voice, each word pushing up 20–30 px with a snappy spring and a quick blur-to-sharp over four frames. The marked phrase is in the accent colour |
| Light leak | Drifts in from its corner, eased, over 25–35 frames, and is gone by the middle of the scene |
| Exit | Hard cut. The grain carries over; everything else is replaced |
| Camera shake | None. The parallax push is the only camera, and it is smooth |
| Montage | A new source every 12–36 frames on the beat of the words, each cutting in already pushing (1.00 to 1.06) or panning across its text. Ten or more in a run |
| Fill spread | A fill grows or retreats along the map over 25–75 frames on the clause that names the change, its edge soft and its front slightly irregular, while the camera keeps pushing |
| Marker travel | A marker rides with its fill: it moves as the fill's centre moves and scales down when the fill shrinks |
| Stamp | The stamp's text changes on a hard cut of the text alone, on the word that names the new time |
| First frame | The opening scene is already a photograph or a montage frame in motion with the first line down. Frame 0 is the poster |

Breaking a rule once is a choice the viewer feels. Breaking it twice is a
different style.

## Three layers, never fewer

Every scene has all three. A scene with one layer is a slide.

1. **Background.** The field, the radial light, the vignette and the
   grain. On a map scene, the map itself is the background.
2. **Midground.** The photograph in parallax, or the route, pins and
   flight on the map.
3. **Foreground.** The typed labels, the big line, the light leak, the
   small place-and-year caption in the corner. These are what make the
   frame look marked up by a person rather than exported from a template.

Two focal points at most: the photograph's subject and one line, or the
pin and the label that names it.

## The elements and their verbs

Each thing in the frame has exactly one way of arriving.

| Element | What it is | Its verb |
|---|---|---|
| Photograph | Two or three cut layers, graded warm, in parallax | Cuts in already moving and pushes for the whole scene |
| Map | A dark map of the place the story is in | The camera flies from wide to the place once |
| Route | A line from one place to another, in the accent | Draws on along its path on the clause that names the journey |
| Pin | A single place on the map | Drops with one bounce, then its label types on |
| Montage | Ten or more real sources in a row | Cut in on the words, each already pushing |
| Fill | An area that changes on the map | Spreads or retreats on the clause that names the change |
| Marker | A round badge for one side | Rides with its fill |
| Stamp | The time or state the map is showing | Changes on the word that names it |
| Macro | A close-up of a real object (a page, a press, a screen) | Cuts in already pushing slowly across its surface |
| Label | A short uppercase name in the condensed face, with a block cursor | Types on letter by letter |
| Big line | The one spoken phrase that matters, marked in the accent | Lands word by word, blur to sharp |
| Slate | A small corner caption: a place, a year, a source | Fades up over ten frames, the one thing in this style allowed to fade |
| Light leak | A warm blur from a corner | Drifts in on the cut and is gone by mid-scene |

## Cutting on the voice

The transcript's word timings are the edit decision list. Build the
video from them, not from a bar count.

1. **Transcribe with word timings** (any aligner; the timings drive every
   cut) and write them down as frames at the output frame rate.
2. **Cut scenes on places and turns.** A new scene begins where the story
   moves somewhere new or the sentence turns. Scenes run two to six
   seconds, longer than the collage styles, because a photograph in
   parallax needs time to be read as depth.
3. **Alternate photograph and map.** Two photographs in a row is fine;
   two map flights in a row reads as a screensaver. A map scene should
   come when the voice names a place, and a photograph when it names a
   person or a thing.
4. **Give the big line to one phrase a scene, or none.** The style is
   quiet; a line on every scene shouts. The marked phrase is the claim or
   the turn.
5. **Write the beat table before building.** Three columns: frames, the
   words spoken, what is in the frame. If a row's third column says only
   "photograph", say which layer moves and what types on.

| Frames | Spoken | In the frame |
|---|---|---|
| 0–72 | "Sima and Sadeq started this studio" | Frame 0: the two-person photograph already pushing, subject layer sharp, room blurred. The big line "started this studio" lands on the words, the leak drifts in top left |
| 72–150 | "in Vancouver, on the water" | Hard cut to the dark map, the flight from the province to the inlet, a pin drops on the studio, "VANCOUVER" types on, the route stays off because nobody travelled |

## Captions

Word-synced, four to six words a page, in the brand's lightest neutral
on no bar at all: the field is dark enough. The spoken word brightens to
white or takes the accent. The captions sit above the platform's own
controls and below the big line, so the two never collide. The light
leak passes under the captions, never over them.

## Assets without generating anything

The style's honesty is that every photograph is real. Make the assets
from material the client already owns or is licensed to use.

- **Photographs.** The client's own, or openly licensed (CC0, CC BY with
  credit). Cut each into layers with any mask tool; feather edges two to
  four pixels; blur the background layer two to three pixels. Grade all
  of them to the same warm field before placing any. Remove anything that
  is somebody else's mark: a brand on a shirt, a product logo on a shelf.
- **Map.** Open boundary data (geoBoundaries, Natural Earth, OpenStreetMap
  extracts, a national open-data portal), drawn dark. Satellite or terrain
  imagery only where the licence allows it, graded to the field. Credit
  the source and licence in the video's provenance.
- **Montage sources.** The client's own photographs, pages, documents
  and objects, or public-domain and openly licensed archive material,
  each credited in the provenance. A run of ten can be ten real pages of
  the client's own site, ten of its own photographs, or ten close-ups of
  one real object.
- **Grain, leak and vignette.** Made procedurally: a noise function for
  the grain, a blurred gradient for the leak, a radial gradient for the
  vignette. No downloaded overlay packs of unknown licence.
- **Type.** The brand's display face plus an open-licence condensed or
  monospaced face (Barlow Condensed, Oswald, IBM Plex Mono). Record the
  licence.
- **Voice and music.** Whatever the client's provenance rules allow,
  credited the same way.

No AI-generated image, clip or sound effect on screen. If a photograph
does not exist, the answer is a map scene or a big line on the field,
not a synthetic photograph.

Every asset made or chosen for the video — each capture, each crop, each
clip, the voice take, the music, each sound effect — is shown to the
person and approved on its own before it is placed. A changed asset is
shown again. Nothing reaches the render on the maker's say-so.


## Content rules that travel with the style

- No numbers on screen that are not in the script and sourced. A map
  can show a place; it cannot show a figure.
- No slate that implies a date, a source or a place the script does not
  state. The corner caption is a fact, not set dressing.
- The big line marks one phrase a scene at most, and that phrase is the
  claim or the turn.
- No client logos, awards or testimonials unless they are real and
  permitted.

## Review before export

- [ ] The concept gate in `video-craft` was run, and its review list passes.
Render one frame per second as a contact sheet and check it against this
list. A still that fails here fails in motion too.

- [ ] Frame 0 is a photograph in motion with the first line down.
- [ ] Grain is visible in every frame at the same strength.
- [ ] Every photograph moves for its whole scene; no layer stops.
- [ ] At most one light leak per scene, and it is gone by mid-scene.
- [ ] No two map flights in a row.
- [ ] Every route drew on a clause that named a journey.
- [ ] Every clause changes something; nothing is still for more than a second and a half.
- [ ] Every map scene shows a change over time (a fill, a marker, a stamp), not a still map with a pin.
- [ ] Every montage source is real, credited and on screen for half a second to a second and a half.
- [ ] No capture is the whole frame with a highlight on it.
- [ ] Every pin has a typed label, and every label is in the safe zone.
- [ ] The big line appears on at most one phrase a scene.
- [ ] No logo, brand mark or third-party name is visible in any layer.
- [ ] The provenance lists every photograph's and the map's source and licence.
- [ ] Every asset in the render was shown to the person and approved.
- [ ] The first and last frames read as the same world.

Then watch it once at full speed with the sound off. If the pictures tell
the story without the voice, the cut is right.

## Reference

No video has been built in this style yet. The paper-studio sample
(sample 4 on <https://daenadigital.com/resources/examples/videos>)
shares the map grammar: a coast drawn from open boundary data, a pin
that drops once, a slow push.

How the style was studied: on 9 October 2026, frames were sampled every
half second from "The Internet Didn't Fail. It Was Taken." (30–62 s) and
"Why This Island Could Trigger World War 3" (20–40 s) and laid out as
contact sheets. The first is a montage: thirty-odd real sources in thirty
seconds — a printing press in macro, manuscripts, engravings, paintings,
title pages — each in a rounded slide frame and pushing in. The second is
a pale grey map on which two coloured areas trade ground for twenty
seconds, each carrying a round portrait badge, a date stamp at the top,
the camera pushing slowly toward the island the story is about. Version
1.0 of this file had the dark map, the flight and the pin, and neither
the montage nor the map that changes.

Knowledge base

What we studied to learn the style

The Internet Didn't Fail. It Was Taken.Studied frame by frame every 0.5 s, 30-62 s: a montage of thirty-odd real sources in thirty seconds, each in a rounded slide frame and pushing in
Why This Island Could Trigger World War 3Studied frame by frame every 0.5 s, 20-40 s: a pale map where two coloured areas trade ground for twenty seconds, round badges riding with them, a date stamp, a slow push
How Johnny Harris makes mapsThe dark map, the flight from wide to the place, pins and routes that draw on the narration
Create a Johnny Harris-style animated map montageOne camera move per map scene, labels typed on, grain over the whole frame
Edit documentaries in Premiere Pro: 3 Johnny Harris style tipsTextured overlays, film burns, light leaks and grain on every graphic; photographs slid with eased keyframes
How I got a gig making maps for Johnny HarrisJason Boone on the map pipeline: Google Earth Studio track points into After Effects with GEOlayers
5 visuals for your next video (RNDR newsletter)Physical props and manual inputs on the desk as the reason the A-roll never looks like a template

Sources

SKILL.md

What we studied to learn the style

What this is based on