Back to Details

newsletter-promo

Compare original and translation side by side

🇺🇸

Original

English
🇨🇳

Translation

Chinese

Newsletter promo, built in code

用代码制作 newsletter 推广片

A promo does one job: make someone want the full edition. Show the best bits, never the whole thing.
Before you start: read 
brand.md
and 
MOTION.md
if they exist. If not, run 
brand-intake
first, or ask for hex codes, a font and a logo file. Never call a result on-brand without them.
宣传片只有一个目标：让观众想要阅读完整内容。展示最精彩的部分，但绝不能把全部内容都放进去。
**开始之前：**如果 
brand.md
和 
MOTION.md
文件存在，请先阅读它们。如果不存在，请先运行 
brand-intake
，或者向用户询问十六进制色值、字体和 logo 文件。没有这些信息时，绝不能声称结果符合品牌规范。

Step 1: Ask for four things, then wait

第 1 步：询问四件事，然后等待

  1. The edition link or the full text. Read it before anything else.
  2. The hook. The one question or promise the edition answers. If none is given, propose three from the edition's own lines and wait for a pick.
  3. Three proof frames. Real images, charts or clips from the edition. Attached files only.
  4. The ending card, word for word: newsletter name, where to read it, and an optional subscriber count with its source.
  1. 本期内容的链接或完整文本。在进行其他操作之前先阅读它。
  2. **钩子。**即本期内容能够回答的一个问题或兑现的一个承诺。如果没有提供，请根据本期内容中的原文提出三个候选方案，并等待用户选择。
  3. **三个亮点佐证画面。**使用本期内容中的真实图片、图表或视频片段，并且只能使用用户附加的文件。
  4. **尾卡文案。**逐字提供 newsletter 名称、阅读入口，以及可选的订阅者数量及其数据来源。

Step 2: Structure (15 seconds)

第 2 步：结构（15 秒）

TimeFrame
0-3sThe hook, big. A question works better than a statement.
3-11sThree proof frames, about 2.5s each, each with a 3-5 word label.
11-15sNewsletter name, "Read it free at [URL]", held still.
时间画面
0–3 秒醒目展示钩子。问题通常比陈述句更有效。
3–11 秒三个亮点佐证画面，每个约 2.5 秒，每个画面配有一个 3–5 个词的标签。
11–15 秒保持静止展示 newsletter 名称和“免费阅读：[URL]”。

Step 3: Build brief (paste into Claude Code)

第 3 步：制作简报（粘贴到 Claude Code）

Build one self-contained HTML file called index.html: a 15-second promo at [WIDTH] x [HEIGHT] for my newsletter edition, using only the files I attached.

Hook (0-3s): "[HOOK]" in bold condensed type, [TEXT] on [BG], key words in [ACCENT].
Proof (3-11s): my three attached images in this order, each held about 2.5 seconds with a slow push-in and this label: [LABEL 1], [LABEL 2], [LABEL 3].
End card (11-15s): "[NEWSLETTER NAME]" and "Read it free at [URL]". Hold still, readable on a phone.

Banned: typewriter text, glow, bouncing, gradients on text, any claim or number not in my brief.

Build rules: every frame from the time alone, window.seek(seconds), wait for seek when the URL has ?render. Capture one frame per shot and check every label is readable at phone size.
制作一个名为 index.html 的单文件 HTML 页面：为我的 newsletter 本期内容制作一段 [WIDTH] x [HEIGHT]、时长 15 秒的推广片，并且只能使用我附加的文件。

钩子（0–3 秒）：用粗体窄体字展示“[HOOK]”，将 [TEXT] 放置在 [BG] 上，并用 [ACCENT] 突出关键词。

亮点佐证（3–11 秒）：按照我附加的三张图片的顺序展示，每张停留约 2.5 秒，并使用缓慢推进效果，依次添加以下标签：[LABEL 1]、[LABEL 2]、[LABEL 3]。

尾卡（11–15 秒）：展示“[NEWSLETTER NAME]”和“免费阅读：[URL]”。保持静止，确保在手机上清晰可读。

禁止使用：打字机文字、发光效果、弹跳效果、文字渐变，以及任何简报中没有出现的声明或数字。

制作规则：每一帧仅根据时间生成，调用 window.seek(seconds)；当 URL 包含 ?render 时，等待 seek 完成。每个镜头捕获一帧，并检查每个标签在手机尺寸下都清晰可读。

Step 4: Export and post

第 4 步：导出并发布

Export 1080 x 1350 for LinkedIn and 1080 x 1920 for Stories and Reels. Put the edition link in the first line of the caption, not only the comments.
为 LinkedIn 导出 1080 x 1350 的版本，为 Stories 和 Reels 导出 1080 x 1920 的版本。务必将本期内容的链接放在文案第一行，而不要只放在评论区。