Skip to content

Blueprint Explainer

Thin line drawings on a navy grid, a needle that sweeps, a formula that writes itself and calm subtitles.

16:9Slow pace9scalmcuriousclear

Patient teaching style for science, maths and how-it-works explainers. White and cyan line art draws itself on a navy blueprint grid, a gauge needle sweeps into place, an italic serif formula writes on letter by letter, measurements appear in amber mono, and one subtitle line at the bottom narrates each step.

Use this style

With Frame Jam installed, press Use this style in the local gallery, or just ask your agent:

Make a video with the Frame Jam style "blueprint-explainer" and open it for review.

style.json Install Frame Jam

Palette

background#0f1626

gridrgba(122,140,170,0.08)

line#e8edf5

object#7fd3ff

measure#ffc857

needle#ff6b6b

muted#7a869c

Type

Display: STIX Two Text 500, 500 italicFormulas 76–92px; variables in italic, operators upright
Body: IBM Plex Sans 400, 500Subtitles 34px; questions 64px muted
Mono: IBM Plex Mono 500Measurements and timers 30px in amber

Motion

Draw: power2.inOut
Needle: back.out(1.6)
Move: power2.out / none (constant speed when measuring)
Subtitle: power1.out
Average shot: 2.2s

One idea per ~2.2s beat, each with exactly one subtitle. Give drawings time to finish before the next line appears.

Transitions and text

no cuts: elements draw on, fade up 20px or fade out in place
subtitles crossfade (0.3s out, 0.4s in)
formula writes on character by character (40ms)
amber underline draws beneath the key line
timer counts with the motion (0:00 → 2:00 h)
needle wobbles gently to show an instantaneous value

Style guide your agent follows

Navy #0f1626 with a faint 60px grid; draw everything as 3–5px strokes, no fills except tiny hubs.
Objects are cyan #7fd3ff, structure is off-white #e8edf5, measurements are amber #ffc857 mono, warnings/needles coral.
Draw lines with pathLength=1 and dashoffset 1→0 (power2.inOut). Move objects at constant speed when the motion itself is being measured.
Formulas in STIX Two Text: italic variables, upright operators; reveal letter by letter and underline the key one.
Always keep exactly one plain-language subtitle at the bottom (34px), phrased as a narrator would say it.
Build to a question, then answer it in amber italic.