X
X code-videocode-video
品牌动态图形
Brand motion graphics
- 适合：
- 频道片头
- 系列：
- X code-video
- 更新：
- 2026-10-29
- 素材：
- 仅提示词，暂无参考画面
风格提示词
Style: brand motion graphics
A clean explainer that looks like an official brand asset: one dark field, thin white hand-drawn line art, bold type with a single accent, scribbled emphasis, and a persuasion arc from pain to call to action. Silent.
Reference frames from the original: <skill>/docs/styles/motion.jpg.
Signature
| # | Item |
|---|---|
| 1 | One dark field for the whole video (no light scenes), one accent colour, pain words in red |
| 2 | Thin white hand-drawn line illustrations of everyday objects that draw themselves on (faucet, manual, clock, eye, wallet, camera, mic) |
| 3 | Bold geometric sans headlines that pop in word by word, the key word in the accent |
| 4 | Hand-drawn emphasis on type: a scribbled oval around a key word, a swoosh under a phrase |
| 5 | A thin "frustration" gauge that climbs across the pain beats |
| 6 | Proof drawn as line art: a bar chart with hatched pain bars and one tiny accent bar; a big accent number; a cloud of outline pill tags with one filled |
| 7 | The product shown working: a line-art phone with camera corners, the question in an outline bubble with a mic and a live waveform, the answer in a filled accent bubble |
| 8 | Ending: the wordmark with an accent full stop and swoosh, a glowing pill CTA that the cursor clicks, the free-to-try line and URL |
Look
- Palette: background
#0c0b1d, ink#f2f1f7, dim#8f8da8, pain#ff5d5d, camera cyan#38d6e6, and the brand's accent (read it from the site CSS or logo pixels; the original used its purple#7c5cff). If the brand is light-themed, still keep the dark field and carry the brand in the accent and logo. - Fonts: Poppins SemiBold/Bold (or the brand's geometric sans), IBM Plex Mono for tiny labels. Korean: Pretendard in the same roles.
- Lines: white, 2.5–3 px, a slight wobble: a steady hand, not a sketch.
本风格的来源项目：开源项目 code-video。本站保留原项目署名，具体许可以该项目仓库为准。
分享来源：B 站视频（341 种代码动画风格）