# Brand Ink Open

An ink-line crosshair draws itself → the wordmark stamps in letter by letter → a typewriter subtitle → a full second of stillness, then it floats up and dissolves.

- Category: intro · Tags: shotcraft, remotion, intro, opening, typography
- Spec: 960×540 @ 30 fps · 2.77s (16:9)
- License: Apache-2.0 · Tier: free
- JSON: https://gimgs.net/motion/brand-ink-open.json
- Kind: remotion
- Source (TSX): https://gimgs.net/motion/brand-ink-open/template.html
- Repo: https://github.com/Vincentwei1021/video-shotcraft
- Credits: video-shotcraft (Vincent Wei) — https://github.com/Vincentwei1021/video-shotcraft
- Page: https://gimgs.net/motion/brand-ink-open.html

## Params

_No params._

Default params (base64url for `?p=`): `e30`

## Prompt

## When to use

Brand opens; any opener that "establishes the name before entering the product."

## Intention

Give the brand its memory point in the very first beat: before any product screen appears, let viewers see and remember the name clearly. Quiet, papery/ink texture, with one complete moment of stillness.

## Duration & energy

- Duration: About 2.8s (83f).
- Energy: Low (a starting position, leaving room to climb in later shots).

## Shot recipe (original Chinese — timing, easing, parameter table, known pitfalls)

## 意图
第一拍先给品牌记忆点：观众在任何产品画面出现之前，先看清并记住名字。安静、纸墨质感、有一个完整的静止时刻。

## 动效核心
- SVG 十字准星笔画描画（pathLength dashoffset），先竖后横，画完淡出
- 字标逐字 letterpress：scale 从大压到 1 + blur→0，字底强调色（模板片为琥珀）glint 短划闪过
- kicker 副标打字机逐字符出现，强调色块光标周期闪烁
- lockup 完整静止满 1 秒，然后整体上浮 + 缩小 + 淡出，交棒 dashboard

## 参数表
| 参数 | 典型值 | 调节手感 |
|------|--------|----------|
| 准星描画 | 竖线 0→9f、横线 8→18f，24→34f 淡出 | 描画完必须淡出，残留准星会和字标抢焦点 |
| 字标逐字 | 第 i 字 delay=10+i·3、12f；scale 1.6→1（origin center bottom）+ blur 6px→0 | "opacity+位移/scale+blur→0"是全片入场三件套定式，缺 blur 会显得硬 |
| kicker 打字机 | 0.7f/字符（28 起 ~43.4 完），光标 2f 周期闪、74f 停闪 | 0.7f/字符只适用于装饰性小字；正文交互打字要 3f/字符（对照 type-and-filter，用户嫌快返工过） |
| 品牌 hold | 46→76 帧整整 1 秒 | 硬底线：用户两轮点名"出现后延长停留1秒"（R1）；短于 1s 必返工 |
| 退场 | 7f 上浮 40px + 缩 12% + 淡出 | 退场快于入场——观众已读完，拖长反而泄气 |

## 声音
品牌落定钉 transition-soft（模板片钉在 f12），brand→dashboard 运镜钉 whoosh-fast（f78）。SFX 逐拍钉帧、声明式表管理（S2）；音色走电影系词汇，不用游戏 UI tap（S1）。

## 已知坑
- hold 要给的是 wordmark 落定时刻，不是普通字卡/内容卡（R1）——曾把 hold 错加给普通内容卡后很快回滚；指代含糊的"停留"反馈先确认对象再动手（P3）
- 开场能量必须低起步：全片能量曲线低开→中段推进→outro 峰值，开场炫技会压死后面的爬升（对照 Q8 的能量曲线要求）

## 参考实现
demos/typography/brand-ink-open/BrandInkOpen.tsx（原 template/src/aifl/live/SceneOpen.tsx 帧 0–83 段）

## Reference implementation (Remotion)

- demos/typography/brand-ink-open/BrandInkOpen.tsx — https://raw.githubusercontent.com/Vincentwei1021/video-shotcraft/main/demos/typography/brand-ink-open/BrandInkOpen.tsx

The component imports shared fixtures from `demos/_fixtures` and helpers from `assets/lib` in the repo; SKILL.md there documents the render workflow.


## Flow

1. **Read the recipe**
   Prompt = when to use, intention, parameter table with typical values and how each one feels, known pitfalls. Treat values as calibrated starting points.
2. **Get the code** — tool: git
   `git clone https://github.com/Vincentwei1021/video-shotcraft && cd video-shotcraft && npm install`
3. **Register + render** — tool: remotion
   `npx remotion render <CompositionId> out.mp4   # component: demos/typography/brand-ink-open/BrandInkOpen.tsx`
4. **Or re-implement**
   Port the timing/easing from the recipe to HTML + WAAPI (gimgs motion contract) or any engine; keep the same segment windows and easing.

## Render

Clone https://github.com/Vincentwei1021/video-shotcraft (npm install). The component lives under demos/{category}/{name}/ and imports shared fixtures from demos/_fixtures and helpers from assets/lib. Copy it (with those imports) into a Remotion project, register a <Composition> with the template's width/height/fps/duration in Root.tsx, then `npx remotion render <CompositionId> out.mp4`. SKILL.md in the repo documents the full Claude Code / Codex workflow. The prompt below is the shot recipe (timing, easing, parameter table, pitfalls) — enough to re-implement the shot in HTML/WAAPI or another engine if you prefer.

## Contract

React/Remotion composition (TSX) from the open-source video-shotcraft library (Apache-2.0). It is not a browser-playable template: clone the repo, register the component in a Remotion project and render with `npx remotion render`. The recipe (prompt) describes timing, easing and parameters so you can also re-implement the shot in any engine.