BOSS AI ACADEMY

Brand Templates

5 個靜態 HTML Templates · 16 個 Remotion 影片 Templates

靜態 TemplatesHTML → 用 render_brand_asset.py 輸出 PNG

YouTube Thumbnail

1280 × 720

YouTube影片

brand-assets/boss-ai-academy/templates/youtube-thumbnail.html

python tools/render_brand_asset.py youtube-thumbnail

IG Post

1080 × 1080

Instagram社交媒體

brand-assets/boss-ai-academy/templates/ig-post.html

python tools/render_brand_asset.py ig-post

IG Story

1080 × 1920

InstagramStory

brand-assets/boss-ai-academy/templates/ig-story.html

python tools/render_brand_asset.py ig-story

Course Slide Master

1920 × 1080

課程幻燈片

brand-assets/boss-ai-academy/templates/course-slide.html

python tools/render_brand_asset.py course-slide

Email Signature

560px wide

Email簽名

brand-assets/boss-ai-academy/templates/email-signature.html

python tools/render_brand_asset.py email-signature

Remotion 影片 Templatesboss-ai-templates/ · 輸出 MP4

16:9~10s

Intro / Outro

課程影片開頭 + 結尾，Logo 動畫進場 + 訂閱 CTA

用法：每條課程影片必用，自動帶入品牌顏色同 Logo

courseTitletaglinesocialHandlewebsiteUrl

boss-ai-templates/src/IntroOutro/

9:16~22s

Social Clip

課程內容精華片段，適合 IG Reel / TikTok / YouTube Shorts

用法：選一個課程 $$$ 段落 → 填入 hook、insight、keyPoints → 輸出 Reel

hookinsightkeyPointstakeawaycourseTitle

boss-ai-templates/src/SocialClip/

16:9~36s

Course Promo

課程宣傳影片，展示課程賣點及吸引報名

用法：新課上線時製作，填入課程標題、賣點、CTA 即可輸出

courseTitletaglinesellingPointsctaText

boss-ai-templates/src/CoursePromo/

16:9~30s

VSL Opener

Video Sales Letter 開場，Pain → Solution → Authority → CTA

用法：銷售頁或廣告影片開場，填入痛點、解決方案、成果即可

painPointsolutionoutcomecourseTitle

boss-ai-templates/src/VSLOpener/

16:9~43s

Course Lesson

完整課程課節動畫，支援 hook / content / compare / callout 多種場景

用法：由課程 $$$ 段落自動生成動畫課節，完整替代靜態幻燈片

lessonTitlelessonNumscenes[]

boss-ai-templates/src/CourseLesson/

1:1 / 9:16~12s

Quote Card

課程金句動畫卡，適合 IG grid 或 Story

用法：從課程提取一句精華語錄 → 輸出精美動畫社交媒體貼文

quoteauthorcourseTitle

boss-ai-templates/src/QuoteCard/

需要 MP3 音訊才能播放

9:16音頻長度

Audiogram

課程語音 + 波形動畫 + 字幕，適合 Podcast 推廣片段

用法：上傳課程語音 MP3 → 自動生成波形動畫 + 滾動字幕

audioFiletitlesubtitlecaptions[]

boss-ai-templates/src/Audiogram/

1:1~10s

Stats Card

社交證明數據動畫：學員數、完成率、成果數字展示

用法：發布課程成果時使用，填入數字即可生成專業動態數據卡

headlinestats[]courseTitle

boss-ai-templates/src/StatsCard/

9:16~12s

Testimonial

學員評價動畫卡，帶星級評分 + 引文動畫

用法：收集學員回饋後製作，提升課程社交證明力度

nameroleratingtextcourseTitle

boss-ai-templates/src/Testimonial/

9:16~20s

Countdown Timer

限時優惠倒數計時器，製造緊迫感推動報名

用法：課程促銷期間使用，填入截止時間 + 優惠資訊即可

headlinesubheadlinetargetDatectaText

boss-ai-templates/src/CountdownTimer/

9:16~12s

Before / After

前後對比動畫卡，紅色「之前」→ 擦除轉場 → 綠色「之後」

用法：學員見證、營銷素材，展示轉變效果

headlinebeforePointsafterPointscourseTitle

boss-ai-templates/src/BeforeAfter/

9:16~15s

List Video

「Top N」編號列表動畫，社交媒體最高互動格式

用法：製作 Top 5 / Top 10 列表短片，每項逐個彈入

headlineitemscourseTitlecountdown

boss-ai-templates/src/ListVideo/

1:1~2.5s

Logo Bumper

品牌 Logo 動畫短片，Logo 縮放 + 光暈脈動

用法：影片開頭/結尾品牌識別，可配合其他 template 串聯

taglineshowUrl

boss-ai-templates/src/LogoBumper/

16:9~5s

Lower Third

影片下方三分之一名稱條，透明背景覆蓋層

用法：課程影片中標示講者姓名 + 職稱，設計為透明覆蓋層

nametitlepositionshowLogo

boss-ai-templates/src/LowerThird/

9:16~15s

Pricing Card

課程定價動畫卡：原價劃線 + 特價彈入 + 功能清單

用法：課程銷售頁或社交媒體推廣，展示價格優惠同功能

courseTitleoriginalPricesalePricefeaturesctaText

boss-ai-templates/src/PricingCard/

16:9~4s

Title Card

章節 / 段落分隔卡，課程影片中嘅分段標題動畫

用法：課程影片分段時使用，標示章節編號 + 標題

chapterNumbertitlesubtitlecourseTitle

boss-ai-templates/src/TitleCard/