Apple風ローンチ構図

Apple風商品デモ動画

目標は、動くApple.comの商品ページです。明るい背景、大きくてタイトにトラッキングされたSF Pro、一度に一つのメッセージ、フルブリードのカラーカード、実際の製品UI、実際のSF Symbols、実際のアプリアイコン、アップビートな作曲済みトラック、そして最後にシンプルな価値提案。Diffusion StudioのJSXコンポジションとして構築され、すべてのフレームが決定論的であり、エクスポート前に確認できます。

このファイルの隣にある templates/promo-project/ から始めてください（完全な作業用コンポジション：Macのロック画面ユーティリティのローンチフィルム）。BRIEF.md と POSITIONING.md を読んで、完成形を確認してください。

作業スタイル

• フィードバックは簡潔な箇条書きで届き、対象フレームのスクリーンショットが添付されていることがよくあります。すべてに対応し、キャプチャで検証し、エクスポートし、フレームコンタクトシートを返信してください。
• ブレインストーミングを求められたら、3〜4の選択肢をそれぞれ1行でリストアップし、待たずに最良のものを構築してください。
• ラウンドごとに BRIEF.md（タイムとコピーを含むビートテーブル）と POSITIONING.md（ソース付きコピーの根拠）を最新の状態に保ってください。
• 証拠を捏造しないでください。架空のユーザー数、引用、ロゴは使用しません。実際のスクリーンショット、製品ソースからの実際のコピー文字列、実際のアイコンを使用します。
• 忠実に報告してください。キャプチャで確認したことと、確認しなかったことを明確に述べてください。

構成

カードごとに一つのメッセージ、前後はハードカット、カード間には製品のデモショットを挿入します（ある場合）。カットは音楽のビートグリッドに合わせます。

1. フック、3秒でスクロールを止める — 視聴者の問題、製品の動作、ロゴはなし。ユースケースごとに1枚のカード：1つのウィンドウ＋1行、ペアで中央揃え。ウェブサイトにリストされているすべてのユースケースをカバーし、主要なペルソナだけではありません（「あなたのエージェントはあと3時間必要です」/「あなたのレンダリングはあと40分必要です」/「あなたのビルドは半分です」/「あなたは出発する必要があります」）。
2. 問題 — テキストのみのカード、悪い代替案が中央に積み上がり、コストが赤で表示されます（「ロックする？Macがスリープします。」）。
3. リビール — 音楽のヒットでアイコンがポップ、ワードマーク、ウェブサイト自身のヒーローライン（ランディングページとのメッセージマッチ）。
4. 「Made for」グリッド — サイトのユースケースを4つのタイルとして：色付き円とSF Symbol、タイトル、その下に実際のアプリアイコン。サブテキストはなし。
5. デモ — 実際のUIが一つのことを行い、キャプションはアクションのすぐ下、キーワードがハイライトされます。
6. 機能カード — ベネフィットを見出しに、機能をサブとして。青/スレートグレイン/緑/グラデーションテキスト付き黒/ページグレー。示して、語らないでください：夜通し回る時計、赤で「✕ Blocked」と刻印されたキーキャップ、ロック画面に届く通知。
7. 結果 — 完成した作業に戻り、すべての仕事が完了。
8. その他の機能グリッド — 4つのタイル、それぞれ短い1行。
9. 信頼 — 「クラウドなし。トラッキングなし。サブスクリプションなし。」
10. サインオフ — アイコン＋名前、「7日間無料でお試しください。」、「その後、$8.99、一度きり。」、URL。他には何もなし。

長さは約45秒。フックカードは約1.3秒、テキストカードは約2秒、デモは1.6〜2.8秒、グリッドは約3.4秒、サインオフは約7秒。テンポは速いですが、各画面は読むのに十分な時間表示されます。

ビジュアル

トークンは references/design.md にあります。簡単に言うと：

• ページ背景 #f5f5f7、テキスト #1d1d1f、セカンダリ #6e6e73、アクセント＝製品の青、システムレッド #ff3b30 をコストとTouch IDグリフに、システムグリーンを成功に。ライトモードのみ。
• SF Proは -apple-system 経由。見出しは76〜120px、ウェイト600〜700、文字間隔 −0.03〜−0.04em。時計にはSF Pro Rounded。
• apple.comの商品ページの精神に則ったフルブリードのグラデーションカード（青、緑、SVGグレイン入りスレート、グラデーションクリップのモノテキスト入り黒）。
• Liquid Glassサーフェス：半透明の白、縁取りの光、カプセル形状、広い柔らかな影、背景ブラー。製品UIは、同じサイズ、ウェイト、コピーで独自のソースから再構築。
• macOSからレンダリングされた実際のSF Symbols（tools/render-symbols.swift）。インストール済みアプリから抽出された実際のアプリアイコン。Rich.tsx を介して **…** で単語をハイライト。
• テキストは中央揃え。ウィンドウとその行は中央揃えのグループとして移動します。上部で何かがアニメーションしている間に下部のテキストを変更しないでください。キャプションはアクションの隣に配置し、行が着地するまで他のモーションを遅らせてください。

コピー

references/copy.md にソース付きの原則があります。ルール：

• シンプルな言葉、短い行、事実を含まない限りサブテキストなし。
• 見出しは製品が何をするかを完全に説明し、サイトのものを再利用。
• 具体的な数字（「あと3時間」、「340テスト」、「午前2:06」）。
• ベネフィットを先に、機能を証拠として。購入を妨げる異議（プライバシー、ロックアウト、価格、「自分のケースに合うか」）に対処。
• CTAは価値への呼びかけで、価格を横に表示。

オーディオ

コードでBGMを作成（tools/make-music.py、numpy + ffmpeg）：126 BPM、小節1からすべてのビートでキック、2/4でクラップ、アルペジオのプルック、サブ、パッド。ライザー＋インパクトをリビールとロックに、ブレイクダウンをアンロックに、サインオフの下でリゾルブ。すべてのカードカットにソフトなチック。瞬間はスクリプトの先頭にあるパラメータ。カットが変わるたびに再調整。製品に実際のシステムサウンドがある場合はそれを使用。ライセンス音楽はなし。

ワークフロー

1. 製品のサイトとソースを読み、ユースケース、コピー文字列、UIキャプチャ、アイコンを取得。references/copy.md を読む。
2. BRIEF.md と POSITIONING.md を書く。
3. templates/promo-project/ をコピー。src/theme.ts で ROOT を設定。
4. 最初にタイムライン（src/timeline.ts：瞬間、コピー、トゥイーン）を構築し、次にカード、次にデモ。瞬間に合わせて音楽を再生成。
5. 検証：dapi check、次に dapi capture ですべてのビートのコンタクトシートを作成。読み、修正。その後でのみ dapi export。MP4（期間、オーディオピーク）を調査し、サンプルフレームをタイル表示して返信。
6. パイプラインの詳細とラスタライザの注意点：references/pipeline.md。