Design system  /  Identity  /  Film  /  Brief and review
Film · brief and review

Decide before you draw.

A film starts as a brief and a beat sheet, not as animation. Each step writes something down, and nothing moves before the step above it is approved.

The workflow

StepYou writeBefore the next step
1 · BriefAudience, the one idea, the claim and its source, the length in barsThe requester confirms the idea and the claim
2 · TreatmentLogline, story device, beat sheet on bars, words per sceneWhole bars, and at most 35 words per 30 seconds
3 · Style framesThree key frames, drawn with the film engineThe requester picks one. Nothing animates before that
4 · TimelineScenes, captions, sound cues and voice takes in one placeThe grid check finds no cut off the grid
5 · BuildThe film page, scenes built around the approved framesThe contact sheet shows the frames you approved
6 · SoundCues next to the motion that causes them, the music and the voiceEvery cue has a visible cause; -14 LUFS, peak -1.5 dBTP
7 · RenderA half-size proof, then the masterThe review below passes on the proof
8 · ReviewThe scored rubric and the findingsNo P0 or P1, and a mean score of 4.2 or more
9 · DeliverThe master, its sources and the pull requestRuben has watched it

The brief

Copy it, fill it in, keep the answers short. If a field has no answer, the film is not ready to draw.

# Film name

## Context
- Who watches it: one audience, in their own words
- Where it plays: LinkedIn feed, product page, event screen. Sound off by default?
- Length: n bars at 128 BPM, 24 fps, 1920 x 1080
- Language: English or Dutch, one per film

## The one idea
- Logline, one sentence without "and":
- The question card (product films): "What if ...?"
- The claim and its source:

## Story device
- What travels through every scene:
- How it crosses each cut:

## Voice, in three lines
- How it sounds:
- Voice-over: none, or the line and its language (the voice is the clock)
- Avoid for this audience:

## Cast
- Apps (their id in appinfo/info.xml):
- Nextcloud apps:
- Product screens to rebuild:

## Beat sheet, on bars
| Bars   | Scene              | Words on screen | What moves | Sound |
| 1 to 3 | Conduction opening | none            | shared     | shared |
| ...    | ...                | ...             | ...        | ...   |
Words in total (20 to 30):

## Style frames
Three key frames, approved before the build:

## Build
- Page: preview/films/<slug>/
- Transition per seam:

## Gotchas
- Anything the builder must not get wrong:

The review checklist

Run it on a contact sheet before the full render. A fix on a still costs seconds; a fix after a render costs a render. The ticks are only for you and are not saved.

Picture

Time, words and sound

The grid check measures several of these for you: node scripts/films/grid-check.mjs --root <repo> --page preview/films/<slug>/index.html --pixels.

The rubric

Score each line from 1 to 5. Every line needs at least 3, finish and sync need 5, and the mean needs 4.2. Read the film four times: as the director, as forensics (frame by frame round each cut), for sound and sync, and for art and copy.

DimensionA 5 means
IdeaOne idea, readable in one viewing
Story deviceOne element travels through every scene and survives every cut
RhythmA change on every beat that matters, no dead bar, fast and slow moves in contrast
GridSections on bar lines, cuts on 8ths, big moments on downbeats
MotionMoves from the tokens; nothing pops or bounces
TransitionsEvery seam designed, carrying the device, no cross-fade
TypeWhole words, one reveal per role, short lines, holds met
CopyOur voice, every caption clear on its own
BrandSolid fills, one orange, pointy-top hexes, real app icons
Sound and syncEvery sound caused and on its frame; the voice wins
FinishNo ghost frames, stalls or flicker; a clean loop point

Severity

P0 · blocks delivery

A claim the product cannot back, a rotated hex, a gradient, a private recording in the repository.

P1 · fix before the master

A cut off the grid, a line held too short, a pop, a sound without a cause, a dead bar in the body.

P2 · fix when cheap

A move a frame late, a stagger that is slightly uneven.

Next

Fill in the brief, then draw three style frames. The worked example in the film skill (.claude/skills/film/references/worked-example.md) walks the Dossiq casework film through every step.