INT. BRAND ROOM – DAY

Brand guide

Everything you need to put it's RAL7047 on a poster, credit roll or festival page. Click any colour value to copy it.

↓ Download brand kit (.zip)Logos (SVG + PNG), colours (CSS, JSON, Adobe .ase) and a readme.

01 — INT. TITLE CARD – DAY

One mark, three inks.

The logo is a single drawing. Pick the ink by background — not by taste.

Black — primaryHeader, footer, documents, invoices. Use this when unsure.SVGPNG
White — on darkNight scenes, photos, episode worlds, the pinned sets.SVGPNG
Grey — watermark onlyLarge, rotated −38°, behind the cover text. Too low‑contrast for anything else.SVGPNG

Clear space & size

Keep free space around the logo equal to the height of “it’s”. Minimum width 120 px on screen, 30 mm in print.

Don’t

  • ✕ Stretch or squash
  • ✕ Recolour with episode colours
  • ✕ Add soft shadows or outlines
  • ✕ Rotate (watermark excepted)

02 — INT. COLOUR ROOM – NIGHT

A neutral script, loud episodes.

Click a chip to copy its HEX, or any value below it.

↓ CSS variables↓ JSON↓ Adobe swatches (.ase)

Core — the script paper

The site itself stays black, white and RAL‑grey. Colour arrives with the work.

  • PaperDefault background
    HEX
    RGB
    HSL
    CSS
  • InkText, borders, hard shadows
    HEX
    RGB
    HSL
    CSS
  • RAL 7047Telegrey 4 — watermark, dividers
    HEX
    RGB
    HSL
    CSS
  • Window bodyFill of every window card
    HEX
    RGB
    HSL
    CSS

Interface — window chrome

Title bar colour says what kind of window it is. Traffic lights are always red, yellow, green.

  • Bar cyanInfo & credits
    HEX
    RGB
    HSL
    CSS
  • Bar redSynopsis & story
    HEX
    RGB
    HSL
    CSS
  • Bar yellowStage & internships
    HEX
    RGB
    HSL
    CSS
  • Dot redClose dot
    HEX
    RGB
    HSL
    CSS
  • Dot yellowMinimise dot
    HEX
    RGB
    HSL
    CSS
  • Dot greenZoom dot
    HEX
    RGB
    HSL
    CSS

Episode worlds — one per project

Each project brings its own background. Never mix two episode colours on one screen.

  • Maytrix pinkMAY–TRIX (shadow #C85FAE)
    HEX
    RGB
    HSL
    CSS
  • Maytrix lavenderMAY–TRIX accent
    HEX
    RGB
    HSL
    CSS
  • Dorst blueSUB — VPRO Dorst
    HEX
    RGB
    HSL
    CSS
  • Dorst skySUB — VPRO Dorst accent
    HEX
    RGB
    HSL
    CSS
  • Breathe greenA Breathe Moment
    HEX
    RGB
    HSL
    CSS
  • Blood maroonBlin Fiducie, intro
    HEX
    RGB
    HSL
    CSS
  • Scan purpleNovice Performance Capture
    HEX
    RGB
    HSL
    CSS
  • Clash blueFashionClash
    HEX
    RGB
    HSL
    CSS
  • NightHunch, theatre, film
    HEX
    RGB
    HSL
    CSS

Card shadows take the episode colour when sitting on it, otherwise solid black. Never soft blurs.

03 — INT. TYPEWRITER – DAY

One typeface: Courier Prime.

The screenplay font, used for everything — Regular, Italic and Bold. Project titles are the only exception: they keep their own logotype as artwork.

Display · Bold 700
Previously on…
Slugline · Bold · caps · +6%
EXT. TENNIS COURT – GOLDEN HOUR
Body · Regular 400 · 16–18 px · line-height 1.55

We meet players around the kitchen table and cosplayers in the convention hall.

Credit · Italic 400
(beat) — Photography: Mitch van Schijndel
Glyphs
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 & – — … “ ” ‘ ’ ( ) !?

↗ Get Courier Prime (Google Fonts)

04 — INT. PROP DEPARTMENT – DAY

The props.

Hard 3 px black borders, hard offset shadows. Everything looks like it could be dragged.

Info & credits

Written and Directed by
Jodie Cranen

Synopsis & story

No change is without sacrifice.

Stage & internships

Holly Goosebumps
Het Zuidelijk Toneel

Voice

Write like a script: sluglines in caps (INT. / EXT. – PLACE – TIME), short lines, a wink. Projects are “episodes”, the homepage is “Previously on…”, the end is “FADE OUT.”