Wideshotdesign-system/instrumentv0.1 · codified from B

00 Wideshot · The Instrument

The design system, codified.

Winner: Direction B. The whole platform now speaks one language — an instrument that measures how a film is made. Every surface is a readout, not a report: dense, monospace-forward, telemetry-grade. This page is the live kit; the spec lives in DESIGN_SYSTEM.md. Two R1 fixes are baked in (see ✚ below).

✕ No confidence %, ever

No "38%", no "0/55 reviewed", no "generation_ready", no the word reviewed.

✓ Measured / Verified trust

Honest coverage now; Verified shown locked until the auto-reviewer ships.

✓ Measurement is the hero

Bars, a rhythm waveform, the fingerprint. The data is the content.

✕ Never fabricated footage

Frames render as a measured schematic, never a faux still. (Fix B.)

01 Color

One accent, quiet ground, state colors apart

Cyan is the accent (measured/active data). Green / amber / red are state — good / emphasis / error — and don't count as accent.

02 Type & space

If it's measured, it's mono

Sans for prose & headings; mono for every number, label, code and timecode — the instrument voice.

display / 34Bloody Sunday
h2 / 19What the film is built from
body / 14 sansA restless, moving eye — 90% of shots pull out or push in.
mono label / 11CUTS/MIN · SCENE 01 → 55
mono data / 22104.8wpm
Space: base 4px · card pad 12–16 · section gap 40 · radius cards 9–11 / chips 4–6 / pills 999 · borders always 1px
4 — hairline gaps
8 — chip / tag gaps
12 — card internal
16 — card padding
40 — section rhythm
Layout grammar: three panes — rail 54 · nav 210 · stage 1fr · readout 300. Readout collapses <1200px, nav <900px.

03 Trust strip · the keystone component

Measured ✓   Verified ⊘

Appears on every surface that shows measured output. Coverage facts are honest and now reconciled to the bars (6·3·3, not 7/5/5 — Fix A).

Measured
Pipeline ran end to end — 55 scenes · 299 shots · 2,022 lines · 110.7 min; 6 shot-sizes · 3 motions · 3 framings present.
Verified
Independent label verification.
🔒 Locked · lights up when the auto-reviewer ships.
Green ✓ = true now · Dim ⊘ + dashed border = designed-locked, never a faked pass.

04 Section spine + kicker

The numbered narrative nav

The platform's primary nav idiom: numbered 01… items + a coverage meter. Scroll-spies to the active section. Each block is headed by a mono kicker with a trailing hairline.

Analysis

01 Identity 02 Shot grammar 03 Rhythm 04 Dialogue 05 Evidence 06 Use as a style
RUNTIME 110.7m
SCENES 55
SHOTS 299
LINES 2,022
LABELS 6·3·3

05 Instrument readout panel

The always-on telemetry

The sticky right rail that makes the platform feel like an instrument. Tracks the current section and keeps the film's vitals in view: fingerprint, coverage, trust, grammar.

01 · Identity
Fingerprint
Coverage · measured
55
SCENES
299
SHOTS
2,022
LINES
110.7m
RUNTIME
Trust
MEASURED · 6·3·3 labels
VERIFIED · locked

06 Distribution readout

The bar is the truth; the number restates it

Bordered track + cyan fill + mono value. The .hot variant marks the emphasis category (here: Close-up).

07 Fingerprint waveform

The film's signature

Mirrored per-scene cut-rate. Amber = burst; the flat ticks = held masters (no cut); the off-scale spike is labelled, not clipped silently.

08 Gauges & skew ruler

Headline metrics, and when the average lies

2.7/m
CUT RATE
22.2s
MEAN SHOT
8.1s
MEDIAN SHOT
121s
AVG SCENE
MEAN vs MEDIAN — the gap is the story
8.1s
MEDIAN
22.2s
MEAN
0s15s30s45s60s

09 Read callout

The plain-language "what this means"

Mono, left cyan border. Translates the measurement into a sentence a filmmaker uses.

READ: wide-leaning, single-focused; 57% held on one person, closing to CU for emphasis. 9 of 10 shots moving → verite grammar, measured.

10 Evidence — claims, schematic, shots

Prove a claim → the measured composition

Claim chips filter shot rows; a selected shot renders as a composition schematic built from its labels — never a faux still (Fix B). Tags: size motion framing emphasis.

ALLwide-to-closemoving cameralong masters

Composition schematic — subject size ← shot-size · subject count/position ← framing · arrow ← camera motion. Reads as a diagram, honestly.

A frame is  always  a measured diagram or an explicit placeholder. Real screening-room media, when it exists, slots in labelled "source media."

Scrubber — per-shot ticks across the scene; the active shot is cyan.

00:41:2000:41:5800:44:12

11 Bridge / CTA

Hand off to the next step

Gradient card + cyan CTA + mono grammar chips. Carries the measured identity forward (e.g. Analyze → Create).

Generate in the Bloody Sunday grammar

Shot count and duration planned from the measured rhythm — not a generic scene length.

Open in Create →
wide-to-close90% movingmedian 8.1shandheld masters2 voices · 105wpm

Carry-over fixes baked into v0.1

Fix A — label counts reconciled

7/5/5 (taxonomy max) → 6·3·3 (categories actually present in the bars). The trust strip / meter / readout now always match what the distributions render.

before

"7 shot-sizes · 5 motions · 5 framings detected" — but the bars show 6 / 3 / 3. Mismatch.

after

"6 shot-sizes · 3 motions · 3 framings present" — equals the bars. Invariant enforced platform-wide.

Fix B — no fabricated footage

The faux "as-shot" still (ghost poster, red REC dot, grain) is gone. Frames are measured schematics.

before — reads as footage
SCENE 26 · AS SHOT

A dark "still" with a ghost subject + a red REC dot implies real/AI footage we don't have.

after — reads as a diagram
S0143 · WIDE · pull-outschematic

A composition diagram from the labels. Honest, on-brand, unmistakably not a photograph.

Wideshot · The Instrument — design system v0.1 · codified from Direction B← platform index