newsletter-promo

コードで作るニュースレターのプロモーション

プロモーションの目的は一つ、読者に本編を読みたいと思ってもらうことです。見どころを紹介し、全編は見せないでください。

始める前に： brand.md と MOTION.md があれば読んでください。なければ、まず brand-intake を実行するか、カラーコード、フォント、ロゴファイルを尋ねてください。それらがない状態で、ブランドに合っていると判断してはいけません。

ステップ 1：4つの情報を尋ねて、回答を待つ

1. エディションのリンクまたは全文。何よりも先に読んでください。
2. フック。 エディションが答える一つの質問、または約束です。提示されていない場合は、エディション内の文言から3つ提案し、選択を待ってください。
3. 3つの証拠となるフレーム。 エディションに含まれる実際の画像、グラフ、またはクリップ。添付ファイルのみを使ってください。
4. エンディングカード。 ニュースレター名、どこで読めるか、任意で購読者数とその出典を、一言一句そのまま記載してください。

ステップ 2：構成（15秒）

時間	フレーム
0-3秒	フックを大きく表示します。質問のほうが、断定文より効果的です。
3-11秒	証拠となる3つのフレームを、それぞれ約2.5秒表示し、3～5語のラベルを付けます。
11-15秒	ニュースレター名と「[URL]で無料で読めます」を静止表示します。

ステップ 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.

ステップ 4：書き出して投稿

LinkedIn向けに1080 x 1350、ストーリーズとリール向けに1080 x 1920で書き出します。エディションのリンクはコメント欄だけでなく、キャプションの最初の行に記載してください。