t = 0.000 s · frame 0 / 0

Click to edit

click or drag to scrub · drag the white bar to change the exec / producer split · click a flag to jump to that banner and edit it

Pacing

Section	Names	Rows	Banners	Runs	Rows / s	Names / s	s per row	On screen

"On screen" = seconds a row is visible, from entering at the bottom of the grid to disappearing under the locked header. "Runs" = how long the section is the current one.

Stats

Export

PNG transparency

Idle.

MP4 is encoded frame-by-frame with WebCodecs (H.264) and muxed by Mediabunny; it never runs in real time, so it cannot drop frames. A <name>.layout.json is written next to every export.

TV Guide Credits Scroller greybox v1

Themes & defaults

Import theme… include banners, header styles & blocks

A theme is every setting except the patron name lists, as a .json file: send it to the editors and they import it to get the exact same look. Importing applies it straight away; "Save current as my defaults" makes this browser's Reset button come back to it.

Timing

Duration

FPS (match the Premiere sequence) Speed ratio (exec ÷ prod)

End behavior Lead-in Hold at start (frames frozen before scrolling) Cable-box load-in (frames, 0 = off)

Load-in: the grid first shows only its solid background, then the boxes pop in top to bottom, then the text and images. Hold keeps the scroll frozen (the clock still ticks); the total duration doesn't change, so the scroll runs a little faster to make up for it.

Ease in after the hold (frames, 0 = jump to speed) Ease-in curve Scroll motion Exec → Producers speed change (frames) Speed-change curve

The scroll accelerates from standstill to full speed over the ease-in, and glides between the two section speeds over the speed change (centred on the moment the Producers header locks). Speeds are re-solved so the total still lands exactly on the last frame. Whole pixels keeps everything crisp but steps unevenly when the speed isn't a whole number of pixels per frame; sub-pixel blends rows between pixels for an even glide (locked headers and the clock stay crisp).

Grid

Seed (episode #) Channel start Min font scale

Exec names per row Exec banner every N rows (0 = off) Producer names per row Producer banner every N rows (0 = off)

Exec header title Producers header title

Headers

Header height (px at 1080p) Clock Pinned clock style Exec header style Producers header style

Opening header Opening header text Opening header style

The opening header is the very first header, above the Executive Producers header (a date, the episode number…). With the locked lead-in it's what's showing at t = 0, then the Exec header pushes it out. Pair it with "Hold at start" so it stays up for a moment. Blocks placed at "Start" sit under it.

Header styles

Banners & blocks

A block is an optional header followed by any number of banners: a single banner, a banner with a header on top, or one header with several banners under it. A block's header locks at the top like a section header until the next header pushes it out. Banners, blocks and header styles are saved in this browser (…); export the library to back them up.

Every-N-rows queue

Inserted every N rows (set per section in Grid), cycling through this list in order.

Fixed placements

BannersImport library

Blocks

Look — bevels & colours

Bevel size (px at 1080p) Gap between boxes (px) Row height (px at 1080p) Banner height (px at 1080p)

	Fill	Light edge	Dark edge	Text
Exec name cells
Exec channel tiles
Producer name cells
Producer channel tiles
Grid background
Top background
Promo accent

Top background image

Choose image…

none: blue gradient

Image fit Darken image %

The image replaces the blue gradient above the header bar (behind the video window and promo panel). With "contain", the gradient shows around it. Saved in this browser; included in exported themes when "include banners…" is ticked.

Header bars take their colours from header styles (Headers panel), banner boxes from each banner preset. The bevel is the light top-left / dark bottom-right edge, the same size on every box.

Fonts

Choose the assets/fonts folder once; subfolders inside it are scanned too. The fonts are kept in this browser (…), so they're still here next time. Added a font to the folder? Click Rescan folder. Characters a font doesn't have (emoji, non-Latin) fall back to the default font.

Add font files…

Exact px sets the font size in render pixels and overrides Size %. Use it for pixel fonts: PrevueGrid is drawn on a 25-pixel grid, so 25 px makes every font pixel exactly one screen pixel (the faint number is the automatic size). Size % scales that text from its normal size. Width % squeezes it horizontally (92 = the greybox's condensed look; use 100 for fonts that are already narrow). Untick Bold for pixel fonts — the browser fakes bold by smearing them.

Text style — alignment, padding, shadow, stroke

Text rendering Text pixel size (×, pixel mode)

For the full crisp low-res look: set Output → Internal render to e.g. 640x480 and Upscale to nearest, then pick pixel text here. Everything is drawn at that small size and blown up with hard pixels on export.

Padding is the gap between the text and the inside of the box's bevel (px at 1080p). "2 lines" lets long text wrap onto a second line instead of shrinking. The box never changes size, so if two lines don't fit the row height the text gets a bit smaller to fit (raise Row height in Look for room). Shadows and strokes are solid (no blur).

Header clock

Clock box shows Custom clock text Clock start (H:MM:SS, 24h ok)

Custom text replaces the clock in its box everywhere (every header, or the pinned clock). It's shrunk to fit the box like any other text; Min font scale applies.

Promo panel Promo panels (one per line; | starts a new line inside a panel; image: name.png shows a promo image, add | text to write over it)

Promo interval (seconds) Transition Transition length (frames)

Transitions play at the start of each panel (not the first). Adding an image with the same name as one already here replaces it, so re-exported designs update in place. Saved in this browser; included in exported themes when "include banners…" is ticked.

Output

Video window aspect Export region Top area (above the bar) Video window style Video window fill Custom fill colour Bitrate Mbps (0 = auto: 40 at 1080p, 100 at 4K)

Output resolution Internal render Upscale Whole-pixel scaling (even bevels) Design scale

Row heights, fonts and tile widths scale with the frame height (1.0 = the 1080p look). Lower the design scale to fit more rows or longer names in a 4:3 frame. Internal render draws everything at that small size, then scales it up to the output resolution. With nearest neighbour, a whole-number ratio gives perfectly even pixels: 832×624 and 416×312 divide 3328×2496 exactly, while 640×480 is 5.2× so some pixels come out 5 wide and some 6.

Names

Sort A→Z (case-insensitive)

Executive Producers (one per line) Podcast Producers (one per line) Channel names / callsigns (one per line) First channel names (one per line; used once each, in this order, before the list above)

Word filter

Censors producer names on screen (the lists above aren't changed). One word per line: word swaps its first vowel for *; word = replacement uses your own text. Matches ignore case and also catch the word inside a longer name; put it in quotes ("word") to match only the whole word, so short words don't hit inside other names.

Words to filter

No names changed.

Patreon CSV import

Drop a Patreon members CSV here, or choose a file.

Diagnostics

Keys: Space play/pause · ←/→ frame step (Shift = 1 s) · Home/End · preview size 0 fit, -/= zoom out/in

Settings and name lists persist in this browser. Reset goes back to your saved defaults if you have any (Themes & defaults, top of this panel).

	Font	Size %	Exact px	Width %	Bold
Names
Channel tiles
Header title
Header clock
Banners
Promo panel