VO Reels Waveform Thumbnails Typography Safe-Zones and Caption Readability - 2026 Design Guide
Your July highlight reel looks loud on the timeline—gameplay fills the frame, captions sit in the lower third, and a waveform strip sells “we have facilitator VO.” Legal replies: the consent disclaimer is illegible at phone scale, the waveform thumb covers the build_label overlay, and burned-in subtitles use a font that dies on bright grass biomes.
July 2026 cut format shifted: 9:16 vertical, under 60 seconds, facilitator VO beside clip consent manifests and waveform metadata. Design owns pixels players see; audio ops owns bytes legal reads—this Game Art & Design guide is the layout layer that keeps both true.
Non-repetition note: GIF capsule safe-zone owns Steam store loops. Pixel font HUD pass owns in-game UI. This URL owns short-form VO reel composition—waveform thumbs, typography, captions, disclaimer zones.
Pair July trend playbook, VO tutorial, GIF audio marketing opinion, and BUILD_RECEIPT.
Who this is for and what you get
| Audience | Outcome |
|---|---|
| Marketing artist | Master 1080×1920 reel template with safe-zones |
| Motion editor | Waveform + caption specs that survive phone preview |
| Producer | vo_reel_design_receipt_v1.json gate before upload |
Time: ~2 hours first template; 30 minutes per reel variant.
Prerequisites: Locked build_label, consent copy approved by legal, VO receipts GREEN (receipts hub #4–#5).
Why this matters now (July 2026)
- Shorter attention windows — Thumbnails must read in under one second on muted scroll.
- Consent visibility — Disclaimers cannot be 6pt gray on busy gameplay (trend playbook).
- Waveform as trust signal — Teams show audio presence without promising GIF-slot audio (GIF opinion).
- Cross-platform crops — Shorts, Discord, and Steam events crop differently; safe-zones prevent losing captions.
- Design–legal split — Pretty reels failed when compliance text was decorative only.
Direct answer: Ship reel_master_1080x1920.psd (or equivalent) with R1–R6 design gates, export vo_reel_design_receipt_v1.json, and block public post until disclaimer + build_label pass phone preview at 25% scale.
Master canvas (9:16 baseline)
| Spec | Value | Notes |
|---|---|---|
| Frame | 1080 × 1920 | Vertical master |
| Safe action | 972 × 1728 centered | 5% margin all sides |
| Top UI band | 1080 × 220 | build_label, logo max 120px wide |
| Bottom caption band | 1080 × 420 | Captions + disclaimer |
| Waveform strip | 1080 × 96 | Optional; sits above caption band |
| Dead zones | 48px left/right in caption band | Platform UI overlap |
Export variants: 1080×1920 master, 1080×1080 center crop for square previews, 1920×1080 only if platform requires—document crop in receipt.
The six design gates (R1–R6)
| Gate | Surface | Pass when |
|---|---|---|
| R1 | Thumbnail still (first frame) | Gameplay + one readable headline word at 360×640 preview |
| R2 | Waveform strip | Peaks visible; does not cover faces or build_label |
| R3 | Primary captions | 42–48px equivalent at 1080w; contrast ≥ 4.5:1 on sample frames |
| R4 | Consent disclaimer | Full sentence readable at 25% scale; 3s minimum on-screen |
| R5 | build_label overlay |
Matches BUILD_RECEIPT; not obscured by waveform |
| R6 | Muted autoplay story | Visual story clear with sound off (captions carry hook) |
Work R1 → R6. Legal/compliance reviews R4 after audio receipts GREEN.
R1 — Thumbnail and hook frame (beginner)
Goal: Muted scroll still communicates game + hook without reading fine print.
| Check | Method |
|---|---|
| Headline | Max 6 words in top third |
| Contrast | Dark stroke or panel behind type on busy frames |
| Faces | If faces matter, keep out of bottom 420px caption band |
| Preview | Export 360×640 JPEG; squint test at arm’s length |
Fail signal: Thumbnail looks like generic gameplay with illegible text mud.
Pair pixel font pass for in-game HUD fonts used in reel B-roll—not for burned-in reel type.
R2 — Waveform thumbnail strip (developer + artist)
Waveform visuals signal facilitator audio exists—they do not replace VO consent metadata.
| Rule | Rationale |
|---|---|
| Height 72–96px at 1080w | Visible on phone; not a second video |
| Position above caption band | Avoid covering disclaimer |
| Color ≠ gameplay UI palette | Distinguish overlay from HUD |
| No fake waveform on silent GIF policy | GIF opinion |
Export: PNG overlay with alpha; motion editor keys opacity to VO-active segments only.
Honest limit: Decorative waveform while VO metadata fails legal is worse than no waveform—do not ship R2 until receipt #5 GREEN.
R3 — Caption typography safe-zone
| Spec | Recommendation |
|---|---|
| Typeface | One sans family; avoid ultra-light weights |
| Size | 42–48px at 1080w master (adjust per font) |
| Line length | ≤ 32 characters per line |
| Lines | Max 2 on screen; 3rd line rolls next beat |
| Panel | Semi-opaque bar 60–70% width in caption band |
| Alignment | Center or left with 64px inset |
Working dev: Burn-in SRT with style template reel_caption_v1.ass—version in receipt.
Contrast spot-check frames
Pick three gameplay luminance extremes from reel:
- Bright outdoor grass
- Dark cave interior
- Busy VFX explosion frame
Caption must pass R3 on all three—or add stroke/outline rule in template.
R4 — Consent disclaimer layout (compliance + design)
Disclaimer text is legal copy, not marketing fluff. Design must make it readable, not hidden.
| Requirement | Design implementation |
|---|---|
| Minimum duration | 3 seconds full string on master timeline |
| Minimum size | Equivalent 28–32px at 1080w (legal may specify—document in receipt) |
| Placement | Bottom 80px above platform chrome safe line |
| Contrast | Panel behind text; never pure white on snow biomes |
| Wording | Exact string from legal—no paraphrase in art files |
Example structure (legal supplies final string):
Playtest footage. Facilitator voice included with documented consent.
build_label: playtest-july-2027-rc1
Do not shrink disclaimer to fit waveform—shrink waveform or move band.
Cross-link July trend—waveform proof is file metadata; disclaimer is viewer-visible companion.
R5 — build_label overlay discipline
| Field | Visual rule |
|---|---|
build_label |
Monospace or tabular figures; top-left in UI band |
| Version | Optional rc suffix visible 2s on intro |
| Match BUILD_RECEIPT | Producer verifies string before export |
Thursday row review includes reel build_label line when VO reels promote fest branches.
R6 — Muted autoplay clarity
Simulate muted playback:
- Watch once without audio.
- Hook understandable in 3 seconds from captions + visuals.
- Waveform may animate but story cannot depend on hearing VO.
Accessibility win: captions help hearing users on noisy commutes too.
vo_reel_design_receipt_v1.json
{
"schema": "vo_reel_design_receipt_v1",
"build_label": "playtest-july-2027-rc1",
"master_resolution": "1080x1920",
"template_version": "reel_master_v3.psd",
"gates": {
"R1_thumbnail_hook": "pass",
"R2_waveform_strip": "pass",
"R3_caption_readability": "pass",
"R4_consent_disclaimer": "pass",
"R5_build_label_overlay": "pass",
"R6_muted_autoplay": "pass"
},
"cousin_receipts": {
"playtest_clip_consent": "release-evidence/playtest/vod/PLAYTEST_CLIP_CONSENT_RECEIPT.json",
"vo_consent_metadata": "release-evidence/audio/VO_CONSENT_METADATA_RECEIPT.json",
"metadata_survives_mux": "release-evidence/audio/mux-challenge/latest/metadata_survives_mux_receipt_v1.json"
},
"export_paths": {
"master_mp4": "marketing/reels/playtest-july-2027-rc1_master.mp4",
"thumbnail_png": "marketing/reels/playtest-july-2027-rc1_thumb.png",
"proof_folder": "release-evidence/marketing-and-demo/reel-design/playtest-july-2027-rc1/"
},
"vo_reel_design_ok": true,
"public_post_allowed": true
}
Pin proof PNGs: 360×640 thumb, 25% scale disclaimer crop, three R3 contrast frames.
Proof folder layout
release-evidence/marketing-and-demo/reel-design/<build_label>/
vo_reel_design_receipt_v1.json
thumb_360x640.png
disclaimer_25pct_crop.png
contrast_frame_bright.png
contrast_frame_dark.png
contrast_frame_vfx.png
template_version.txt
Release-evidence taxonomy marketing-and-demo/ subtree.
Beginner evening workflow (first template)
| Block | Minutes | Output |
|---|---|---|
| 1 — Duplicate master template | 15 | reel_master_v3.psd |
| 2 — Place safe-zone guides | 20 | Locked guides layer |
| 3 — Style captions + disclaimer | 30 | Text styles |
| 4 — Waveform overlay rules | 20 | PNG + opacity key |
| 5 — Export proofs + receipt | 25 | R1–R6 pass folder |
Developer / editor handoff
| Asset | Hand to editor |
|---|---|
reel_master_v3.psd |
Layer names match gates |
reel_caption_v1.ass |
Caption style |
waveform_overlay.png |
Alpha strip |
consent_disclaimer.txt |
Legal-approved string |
| Receipt paths | Cousin JSON locations |
Editor returns master.mp4 + proof folder—producer checks R5 string match.
Platform crop matrix (2026)
| Platform | Crop risk | Mitigation |
|---|---|---|
| Vertical short feed | Bottom UI chrome | Keep disclaimer above 120px bottom margin |
| Discord embed | Letterboxed | Center-safe action |
| Steam event post | May square-crop | Keep hook in center 1080×1080 |
| Website hero | Wide crop | Do not put disclaimer only in far corners |
Document chosen primary platform in receipt primary_platform field.
Anti-patterns (July reels)
- Microscopic disclaimer “for legal” with unreadable pixels.
- Waveform over faces for aesthetic—blocks trust.
- Caption rainbow gradients on busy footage.
- Publishing before VO receipts GREEN—design cannot fix compliance.
- Different
build_labelin overlay vs BUILD_RECEIPT—worse than missing label.
Relationship to consent cluster (design vs ops)
| Layer | Owner | Doc |
|---|---|---|
| Clip manifest | Ops / video | Lesson 243 |
| VO metadata | Audio ops | Lesson 250 + tutorial |
| Post-mux proof | Audio ops | Mux challenge |
| Viewer-visible disclaimer | Design (this guide) | R4 |
Forward pointers
| Backlog | Role |
|---|---|
| #19 ffprobe matrix | Batch duration + sample-rate QA |
| #23 | Ten-minute pre-mux ritual (ops) |
Design does not replace #19—caption timing still needs audio drift checks for long reels.
Color and motion rules (artist ramp)
| Element | Guideline |
|---|---|
| Caption fill | #FFFFFF or #F5F5F5 on dark panel |
| Caption stroke | 2px #000000 at 60% opacity when panel removed |
| Disclaimer panel | #1A1A1A at 85% opacity, 8px corner radius |
| Waveform | Brand accent at ≤ 80% saturation—avoid neon on skin tones |
build_label |
Monospace #E0E0E0 on #121212 chip |
Motion: Limit full-frame shake on disclaimer beats—readability beats hype for compliance frames.
Typography pairing (beginner)
| Role | Font class | Example pairing |
|---|---|---|
| Hook headline | Bold sans | One weight only |
| Captions | Regular sans | Same family as headline |
| Disclaimer | Medium sans | Slightly smaller than captions |
build_label |
Monospace | Distinct from marketing type |
Avoid mixing three families—reels already busy with gameplay.
DaVinci Resolve / Premiere template notes
| Tool | Practice |
|---|---|
| Safe margin overlays | Import 1080×1920 guides PNG |
| Caption track | Dedicated track above gameplay |
| Disclaimer | Separate color-coded clip named LEGAL_DISCLAIMER |
| Waveform | Audio waveform display or PNG overlay—not both fighting for space |
| Export | H.264 high profile; document bitrate in receipt |
Re-run mux challenge if export settings change audio handoff.
Accessibility checklist (captions)
- [ ] Speaker changes indicated in caption text when multiple VO lines
- [ ] Sound-off hook still understandable (R6)
- [ ] No essential info only in waveform color
- [ ] Disclaimer not only in audio narration
- [ ] Sufficient pause before disclaimer for reading speed
Producer promotion gate (with design receipt)
Before social post:
- [ ]
vo_reel_design_ok: true - [ ] Cousin 243/250 GREEN
- [ ]
metadata_survives_mux_okwhen VO in reel - [ ] Thumb + disclaimer proof PNGs in evidence folder
- [ ] Playtest isolation surface correct
Scenario A — disclaimer readable, metadata failed
Symptom: R4 pass in design review; legal still blocks upload.
Lane: Ops—VO tutorial, not wider disclaimer type.
Design action: Hold public_post_allowed: false in receipt until audio cousin updates.
Scenario B — metadata GREEN, disclaimer failed phone preview
Symptom: JSON receipts perfect; disclaimer mud at 25% scale.
Lane: Design—enlarge panel, shorten legal string with legal approval, or extend duration.
Do not shrink waveform into disclaimer zone—move bands.
Scenario C — square crop cuts disclaimer
Symptom: Instagram square crop removes bottom band.
Fix: Re-compose master with disclaimer in center-safe 1080×1080 when square is primary platform—document primary_platform: square in receipt.
Waveform thumbnail variants (pick one policy)
| Variant | Use when |
|---|---|
| Static PNG strip | Consistent brand look |
| Live audio waveform | Editor preview only—verify export flatten |
| Peaks baked from VO line | Shows energy without animating entire mix |
Record variant in template_version.txt.
Internal links map (cluster)
| Sibling | Design relationship |
|---|---|
| July trend | Why reels + VO proof matter |
| Case study iXML | Ops recovery—not layout |
| Facilitator contract | Contract may require visible disclaimer language |
| 14 LUFS tools | Loudness separate from caption design |
Friday Block 5 maintenance
Archive reel-design/<old_tag>/ to archive/ after 8 weeks per Friday ritual. Keep template_version history in README.
Extended FAQ — search phrasing
What are safe-zones for VO highlight reels in 2026
Margins and reserved bands on a 1080×1920 master where captions, consent disclaimers, build_label, and optional waveform strips stay readable after platform UI crops.
How big should waveform thumbnails be on playtest reels
Typically 72–96px tall at 1080p width, placed above the caption band without covering faces or legal text.
Can captions replace consent disclaimer
No—captions carry hook and dialogue; R4 disclaimer is a separate legal-visible string with its own size and duration rules.
Layer stack diagram (editor reference)
[ TOP ] UI band — build_label, logo
[ MID ] Gameplay safe action (972×1728)
[ MID-LO ] Optional waveform strip (96px)
[ BOT ] Caption band (420px) — hook + dialogue
[ BOT-LO ] Disclaimer strip (min 80px clear)
[ DEAD ] Platform chrome margin (120px from bottom)
Lock guides in master; never toggle off for “final export.”
Caption timing vs legal duration
| Element | Typical duration |
|---|---|
| Hook caption | 2–4 s at open |
| Gameplay beats | 1–2 s per line max |
| Disclaimer | ≥ 3 s full string |
build_label |
2 s intro + corner persistent |
Disclaimer must not flash single frame—export proof includes timeline screenshot.
Brand vs compliance priority (producer policy)
When art wants minimal disclaimer and legal wants readable block:
- Legal string length negotiation first (fewer words, same meaning).
- Enlarge panel second.
- Never solve by 8px type—fails R4.
Document negotiated string hash in receipt disclaimer_text_sha256 optional field.
Multi-reel series consistency
| Reel | Template rule |
|---|---|
| Week 1 playtest | reel_master_v3.psd |
| Week 2 playtest | Same caption styles; update build_label only |
| Fest public | Bump template_version if disclaimer wording changes |
Players recognize series; changing fonts every week reads amateur.
Working dev — ffprobe on exported MP4 (preview)
Design pass does not replace #19, but editors should spot-check duration:
ffprobe -v error -show_entries format=duration -of default=nw=1:nk=1 master.mp4
Mismatch vs timeline indicates accidental trim—fix before post.
Steam vs social-only reels
| Destination | Extra rule |
|---|---|
| Steam event / broadcast | Pair GIF safe-zone for store loops separately |
| Social VO highlight | Full R1–R6 on this guide |
| Press kit | May need 16:9—export alternate master |
Do not upload store GIF with facilitator VO if policy says GIF slots are silent—GIF opinion.
Design receipt row on BUILD_RECEIPT (optional)
"vo_reel_design_ok": true,
"vo_reel_design_receipt": "release-evidence/marketing-and-demo/reel-design/playtest-july-2027-rc1/vo_reel_design_receipt_v1.json"
Thursday row review adds Reel design Y/N beside consent columns.
Closing design thesis
July 2026 reels compress marketing, compliance, and craft into under a minute. Teams that treat disclaimers as texture fail legal and fail fans. Teams that treat waveform strips as proof without VO metadata fail audits. The winning pattern is layered: receipts for bytes, R1–R6 for pixels, cousin gates before publish.
R1–R6 quick reference card
| Gate | One-line pass |
|---|---|
| R1 | Thumb readable at 360×640 |
| R2 | Waveform not covering faces/label |
| R3 | Captions pass 3 luminance frames |
| R4 | Disclaimer 3s+ at 25% scale |
| R5 | build_label matches BUILD_RECEIPT |
| R6 | Muted story clear |
Tape beside monitor until reel season ends.
Facilitator-facing note (what to send artists)
Facilitators provide clean VO exports and consent log rows—not final pixel layout. Artists own template. Contract bullet: “Marketing will not publish reel until design receipt + VO receipts GREEN.”
Proof export checklist (ZIP for legal)
- [ ]
vo_reel_design_receipt_v1.json - [ ]
thumb_360x640.png - [ ]
disclaimer_25pct_crop.png - [ ] Three contrast frames
- [ ] Timeline screenshot showing disclaimer duration
- [ ] Cousin receipt paths listed (not player PII)
Key takeaways
- 9:16 VO reels need R1–R6 design gates—not only compliance JSON.
- Waveform strip signals audio; metadata receipts prove consent.
- Disclaimer (R4) must read at 25% scale for 3+ seconds.
- Caption band 420px tall with contrast checks on three frame types.
build_labeloverlay (R5) matches BUILD_RECEIPT.- Muted autoplay (R6) must tell a story without sound.
- File
vo_reel_design_receipt_v1.jsoninmarketing-and-demo/reel-design/. - Pair with July trend playbook before scaling reel volume.
- Do not cannibalize GIF or HUD font URLs.
- Design pass is blocked until cousin receipts #4–#5 are GREEN.
- Export 360×640 thumb proof every reel—R1 is not optional.
- Revisit template when legal updates disclaimer wording or platform changes bottom chrome height.
FAQ
Do waveform thumbnails replace vo_consent_metadata receipt
No. Thumbnails are marketing visuals; legal proof remains embedded WAV metadata and cousin receipts.
How small can consent disclaimer text be
Target 28–32px at 1080w minimum and readable at 25% preview—legal may set stricter rules; document in receipt.
Can we hide disclaimer in video description only
Not for public highlight reels using facilitator VO in this July 2026 pattern—on-video readable disclaimer is part of R4.
What resolution should we master
1080×1920 vertical master with documented crops for square/wide platforms.
Does this apply to store GIF capsules
No—use GIF safe-zone pass for store loops; this guide is playtest VO reels.
Who signs vo_reel_design_receipt_v1.json
The marketing artist or art lead signs design gates; producer sets public_post_allowed after cousin audio/legal receipts are GREEN.
How does R4 relate to Lesson 250 V5
Lesson 250 V5 proves metadata survives mux on WAV bytes; R4 proves viewers can read disclaimer text on the video—both required for public facilitator VO reels.
Can we use AI-generated captions only
Auto-captions may assist timing drafts; legal disclaimer and build_label strings must match approved copy in the master template—do not rely on platform auto-caption for R4.
What if waveform is too quiet to see
Boost display gain in the template (not the legal WAV) or widen the strip—R2 fails when viewers cannot correlate audio energy with consent copy on mute scroll.
Do we need separate templates per platform
One 1080×1920 master with documented crops beats maintaining five divergent PSDs—platform-specific exports are derivatives, not separate design systems. Archive PSD version in the receipt.
Readable reels and honest consent visibility share one template—design the safe-zones before the next July upload binge. File the receipt nightly.