Hook · Bootzy
Design only
Bootzy component pack
152 overlay components in 12 sections, 55 linked to a template id. Give this page to an agent and ask for a motion video in this style.
- forest
#173B2B - cream
#F5F1E6 - sand
#E3D3B4 - apricot
#FFA270 - clay
#C8582A - muted
#5E6B60 - white
#FFFFFF
- display Bootzy TM Preview
- body DM Sans
- hand Shantell Sans
- mono DM Mono
- Flat sticker cards: Forest (#173B2B) outlines, Cream (#F5F1E6) paper fills, Sand (#E3D3B4) lines.
- One Clay (#C8582A) keyword or Apricot (#FFA270) accent per scene; never both competing.
- Display type is Bootzy; body is DM Sans; hand notes are Shantell Sans; data is DM Mono.
- Canvas is 1080x1920 (9:16). Keep overlays inside the safe zone (see Safe Zone Guide).
- Motion: components pop or rise in, hold, then lift out; keep one hero overlay on screen at a time.
Masters
Caption · Bootzy
Design only
Reply Bubble
Design only
Series Chip
Design only
Chapter Rail
Design only
Tool Row
Design only
Hand Note
Design only
Speaker Stack
Design only
Word Pop
Design only
Chapter Title Card
a Forest card with a part tag, big chapter title and blurb; opens a new part
titles.chapter-card text: text<=24; label: text<=16 (optional); subtext: text<=40 (optional)
Labels
Name Sticker · Bootzy
Design only
Keyword Marker
Design only
Verdict Stamp
Design only
Topic Pill
Design only
Reaction Chip
Design only
Pin Marker
Design only
Mistake Label
Design only
Cursor Tag
Design only
Link Sticker
Design only
Timer Chip
Design only
Now Playing
a music credit chip with a moving equalizer; name the track
labels.now-playing text: text<=28; label: text<=16 (optional)
Washi Tape Label
a short handwritten word on a strip of tape; draft, v2, new
labels.washi text: text<=20
Trending Chip
a fire chip that says what is trending
labels.trending text: text<=20
Callouts
Callout Circle
Design only
Focus Box
Design only
Zoom Lens
a magnifier ring with a zoom tag; look closer
callouts.lens text: text<=4
Do-Don't Sticker
Design only
Pro Tip
Design only
Tool Badge
Design only
Heads Up Banner
Design only
Typing Indicator
Design only
Sound On Chip
Design only
Scribble Circle
Design only
Brace Note
a curly brace beside a title and an aside; groups a few things
callouts.brace text: text<=24; subtext: text<=28 (optional)
Thought Bubble
a thought bubble with a trail of dots; the speaker's inner voice
callouts.thought text: text<=36
Lists
Progress Bar
a labelled progress bar filling to a percentage
data.progress text: text<=24; value: number 0-100
Checklist Item
Design only
Tier Row
Design only
Step
Design only
Feature Table
feature rows with a check or cross in two columns; by hand vs with AI
lists.feature-table text: text<=14; subtext: text<=14; items: list of 5 max, each <=40
Episode Index
Design only
Streak Row
seven day circles ticked up to today; a habit or streak
lists.streak value: number 1-7; label: text<=16
Speech Bubble
a speech bubble with a short line; avatar: a character pings in and says it
callouts.speech text: text<=40; variant: bubble|avatar; emoji: text<=4 (optional)
Cast Row
Design only
Series Counter
Design only
Pros & Cons
pros and cons as two outlined cards, three short lines each
lists.pros-cons text: text<=90, up to 3 lines (break lines with \n); subtext: text<=90, up to 3 lines (break lines with \n)
Podium
a top-three podium; first place tallest in the middle
lists.podium items: list of 3 max, each <=16
Cards & Messages
Quote Card
a quote and its author; typed: a top band; qa: question and answer
lists.quote text: text<=90; subtext: text<=90; variant: card|typed|qa
Prompt Card
Design only
Question Poll
Design only
Social Post Card
Design only
Q&A Card
Design only
Notification Toast
Design only
Chat Thread
Design only
Sticky Note
Design only
Receipt Card
Design only
Video Card
Design only
File Card
Design only
Voice Message
a voice-message bubble whose waveform plays through; a quoted reply
lists.voice-note text: text<=6
Email Card
a new-email card: subject, sender, body and a button
lists.email text: text<=28; label: text<=24; subtext: text<=90, up to 3 lines (break lines with \n); suffix: text<=20 (optional)
Pinned Comment
a pinned comment; reply: a viewer's keyword shown big
lists.pinned-comment text: text<=80; label: text<=24; value: number 0-9999999; variant: pinned|reply
Numbers & Data
Number Hit
Design only
Price Tag
a price tag with the old price struck through
data.price prefix: text<=3 (optional); value: number 0-1000000; subtext: text<=10 (optional); text: text<=20
Score Meter
Design only
Context Chip
Design only
Day Counter
Design only
Countdown Ring
Design only
Retention Cue
Design only
Bar Compare
Design only
Before After Number
Design only
Odometer
digits that roll up to a number; views, subs, sales
data.odometer value: number 0-999999; suffix: text<=12 (optional)
Screens & Mockups
Screen Frame
Design only
Browser Window
Design only
Terminal Card
Design only
Folder Path
Design only
Cut Timeline
a bar of kept and cut sections, or a waveform, with a moving playhead
lists.cut-timeline variant: segments|waveform
Media Compare
Design only
Key Cap
Design only
Waveform Strip
Design only
Toggle Switch
Design only
Render Progress
Design only
Diff Block
a code diff, one line out and one in; before/after for a fix
lists.diff label: text<=24; text: text<=32; subtext: text<=32
Dropdown Menu
an app menu with one row highlighted; show which option to pick
lists.menu items: list of 5 max, each <=20; value: number 1-5
Laptop Frame
Design only
Overlays & Frames
Bilingual Caption
Design only
Source Credit
Design only
REC Badge
Design only
Made With Strip
Design only
Lower Third
Design only
Wipe Handle
Design only
Split · This vs That
Design only
End Card
a full end card over a dimmed frame with the final ask
cta.end-card text: text<=40; subtext: text<=32
Viewfinder Corners
four camera corner marks and a crosshair; a recording or screen-capture feel
fx.viewfinder {}
Film Strip
Design only
Intro Countdown
Design only
Essentials
Channel Watermark
Design only
Social Rail
like, comment, save and share buttons down the right edge; the first is lit
cta.social-rail items: list of 4 max, each <=8
Follow Button
profile pic and a Follow button that gets pressed
cta.follow label: text<=24; text: text<=14
Starburst Sticker
Design only
Star Rating
five stars fill in to a score with a review count
data.rating value: number 0-5; text: text<=28 (optional)
Doodle Arrow
Design only
Scene Slate
a clapperboard with scene, take and title; a new scene
labels.slate text: text<=28; value: number 1-99; suffix: text<=3
Polaroid
Design only
Safe Zone Guide
Design only
Cinematic Bars
Design only
Pro Moves
PiP Webcam
Design only
Click Ripple
a cursor taps and rings ripple out; shows the exact button to press
callouts.click {}
Delta Chip
Design only
Location Tag
Design only
QR Card
Design only
News Ticker
a LIVE chip and a headline scrolling across a low bar
labels.ticker text: text<=90; label: text<=10
Promo Ticket
a ticket with a promo code and a discount stub; a sale or a sponsor offer
cta.promo text: text<=12; subtext: text<=36; value: number 1-99
Karaoke Caption
Design only
Roadmap Timeline
a vertical roadmap with done, current and upcoming steps
lists.timeline items: list of 4 max, each <=24; value: number 1-4
Column Chart
columns grow to compare values; items as Label:Number, last highlighted
data.columns items: list of 5 max, each <=16; text: text<=28 (optional)
Donut Split
a donut of shares; where time or money goes. Items Label:Percent
data.donut items: list of 4 max, each <=18; text: text<=20 (optional)
Marks & Cues
Scribble Underline
a scribbled underline under a word on screen
callouts.scribble value: number 20-95
Emoji Sticker
a big emoji sticker that pops and wobbles; reactions
callouts.emoji emoji: text<=4
Icon Pop
an icon in a circle pops in to illustrate the word being said
callouts.icon icon: check|x|star|heart|fire|bolt|idea|money|clock|trophy|rocket|target|warning|question|lock|eye|thumbs-up|thumbs-down|camera|mic|sparkles|gift|growth|chart|brain|bell|pin|verified; text: text<=16 (optional)
Question Mark
a big bouncing question mark for a rhetorical question
callouts.question {}
Pointing Hand
a pointing hand with a label; cursor: a mac cursor with a label
callouts.pointer text: text<=18; variant: left|right|down|up|cursor
Pointing Hand · Left
Design only
Pointing Hand · Right
Design only
Pointing Hand · Down
Design only
CTA Arrow
Design only
Subscribe Button
Design only
Swipe Cue
Design only
Save Cue
Design only
Like Burst
a heart pops and bursts into small hearts; asking for a like
cta.like-burst text: text<=18
Line Chart
a line chart draws itself going up or down
data.line variant: up|down|volatile; text: text<=20
Spotlight
dim everything except one spot to direct attention
callouts.spotlight value: number 15-90
Backgrounds & Titles
Cutting Mat
a gridded cutting-mat background in a color you pick; craft and DIY
backgrounds.cutting-mat variant: green|blue|pink|red|yellow|gray|black
Graph Paper
Design only
Dot Grid
Design only
Notebook Lines
Design only
Split Ground
Design only
Forest Spotlight
Design only
Cutting Mat Fade
Design only
Plain Title
Design only
Two Weight
a setup line over a big Clay payoff, up top; an opening hook
titles.two-weight text: text<=20; subtext: text<=24; variant: small|big; label: text<=60 (optional)
Stacked
two or three huge stacked words behind the speaker; a bold hook
titles.stacked text: text<=60, up to 3 lines (break lines with \n)
Highlighter
a key phrase with a marker stroke drawn behind it; teaching moments
titles.highlighter text: text<=60, up to 3 lines (break lines with \n)
Underline
a phrase with an underline that draws itself; a definition or rule
titles.underline text: text<=40, up to 2 lines (break lines with \n)
Sticker Stack
names on stacked tilted stickers; comparisons and lineups
titles.sticker-stack items: list of 4 max, each <=18
Question
a big bouncing question mark for a rhetorical question
callouts.question {}
Outline Fill
outlined word behind the speaker that fills with color; a reveal
titles.outline-fill text: text<=30, up to 3 lines (break lines with \n); subtext: text<=28 (optional)
Behind Speaker
Design only
Cover Story
magazine cover: a big masthead behind you, cover lines and a strapline in front
titles.cover-story text: text<=10; items: list of 3 max, each <=36; subtext: text<=36 (optional); label: text<=14 (optional)
Headline Wall
one phrase repeated into a wall behind you; a mantra or the video's thesis
titles.headline-wall text: text<=20
Warm Caps
a small kicker over a big title; chapter openers and warm intros
titles.warm-caps text: text<=24; subtext: text<=32 (optional); emoji: text<=8 (optional)
Typewriter
letters type on with a cursor; retro and storytelling
captions.typewriter {}
Scrapbook
each word on its own tilted paper scrap; playful, handmade
titles.scrapbook text: text<=60, up to 3 lines (break lines with \n)