ネイティブ広告テンプレート

AIモデルが一切触れない13の広告フォーマットです。ブラウザが実際のマークアップからレンダリングするため、文字は正確で、出力は毎回同一になり、1回のレンダリングは数クレジットで済みます。

ほとんどのAI広告ツールは、どんな依頼にも同じ答えを持っています。それは生成することです。これは、トーキングヘッドのUGC広告にはうまく働きますが、iMessageの会話、価格カード、アプリのスクリーンショットには不向きです。それらのフォーマットは文字でできており、文字は画像や動画のモデルが最も苦手とするものだからです。文字は歪み、単語は作り出され、模倣しているアプリを使う人には、わずかに比率の違うモックアップがすぐに分かります。

そのため、この13のフォーマットは逆の方法で作られています。それぞれが自己完結したHTMLページで、アニメーションは時間の純粋な関数です。ヘッドレスブラウザがフレームごとに進め、ffmpegが結果を組み立てます。何も生成されません。コピーは実際のDOMテキストで、iOSの枠組みはピクセル単位で正確で、同じ入力からは毎回同じファイルができます。

動画・決定論的

AirDrop商品カルーセル

ぼかした商品の背景の上に、iOSのAirDrop共有シートがぽんと現れ、AirDropの通知音とともに、商品カードのカルーセルがウィンドウの中を流れていきます。

フォーマットを読む →
動画・決定論的

アプリのUIツアー

実際のアプリのスクリーンショットを、CSSで作ったiPhoneのモックアップ(丸みのある本体、金属の縁、ダイナミックアイランド、画面の反射)に入れます。ツアーが画面を移動する間、ブランドカラーのやわらかい背景の上に浮かびます。

フォーマットを読む →
動画・決定論的

Apple Notes の演出

iPhoneのメモが自分で文字を打ち出していきます。最初に太字のタイトル、その下に短い告白やリストの行が続き、小さなキーストロークの音とともに、ブランドのカードで締めくくられます。

フォーマットを読む →
カルーセル · 決定論的

ブランドのカルーセル

表紙、1ポイントずつの内容スライド、締めのスライドからなる、デザインされた複数スライドのカルーセルです。Metaのカルーセル広告、LinkedInのドキュメント広告、Instagram用に、正方形のPNGとしてレンダリングされます。

フォーマットを読む →
動画・決定論的

ChatGPTのチャット演出

アプリ本来のサイズでレンダリングされた、ChatGPTの会話です。

フォーマットを読む →
動画・決定論的

iMessage通知のカスケード

ぼかした背景の上に、iOSの通知バナーが次々と飛び込んでくるように重なり、それぞれが積み上がったスタックを上へ押し上げていきます。

フォーマットを読む →
動画・決定論的

iMessageのチャット演出

ピクセル単位で正確なiMessageの会話が、自分で文字を打ち出していきます。吹き出しが実際の送信・受信音とともに現れ、入力中の表示が出て、商品は画像の貼り付けではなく、本物のURLプレビューのリッチリンクとして現れます。

フォーマットを読む →
動画・決定論的

キネティック・タイプ

リズムのあるタイポグラフィのモーションデザインです。短いフレーズが全面のブランドカードに一語ずつ着地し、斜めのアクセントのスラブが各カットを拭き取ります。商品のショットがリズムに合わせて区切りを入れます。

フォーマットを読む →
動画・決定論的

神話と事実の解説

ナレーションが主導するキネティックな作品です。落ち着いたナレーターが誤解と事実のペアを読み上げ、各誤解の文に赤い取り消し線が走ってから、事実が現れます。単語単位のハイライトは読みに同期します。

フォーマットを読む →
動画・決定論的

写真グリッド・コラージュ

自分で組み上がるムードボードです。

フォーマットを読む →
画像・決定論的

ネイティブ風の画像広告

3つのサブスタイルのいずれかで作られた、静止したネイティブ風の画像広告です。最も良い瞬間で止まったiMessageのスレッド、Apple Notesのメモ、またはデザインされたブランドのプロモカードです。

フォーマットを読む →
動画・決定論的

価値提案のモーション広告

太字のフックのステッカーに続き、回転する商品のショットの上で3〜5個の短い利点が動き、ブランドカラーのブロックと写真のビートが交互に現れます。

フォーマットを読む →
動画・決定論的

シネマティック・ビネット

1枚の実際の写真から作られた、シネマティックな単一ヒーロー商品の映像です。ゆっくりとしたプッシュイン、重なりのある奥行き、フィルムグレイン、ブランドカラーのグロー、下段を流れる短いコピーの行があります。

フォーマットを読む →

このテンプレートのレンダリング方法

画像モデルや動画モデルで生成されるものは何もありません。このフォーマットは、アニメーションが時間の純粋な関数である、自己完結したHTMLページです。CSSのキーフレーム、タイマー、乱数は使いません。レンダラーはヘッドレスのChromeでそのページをフレームごとに進め、各フレームをスクリーンショットし、ffmpegでH.264のファイルにまとめます。最後はブランドのエンドカードへのクロスフェードで終わります。

そこから2つのことが言えます。レンダリングは決定論的です。同じ入力から同じファイルができるため、昨日正しく見えたフォーマットは、今日も正しく見えます。また、画面上のすべての文字は、ブラウザが実際に描画したテキストです。そのため、コピーは正確で、どの解像度でも鮮明です。全体の費用は動画生成ではなく数クレジットで、これが、このフォーマットを大量に運用できる理由です。

費用について

数クレジットです。モデルが関わらないためです。費用はブラウザのCPUとffmpegです。ここに実際の違いがあります。動画モデルのレンダリングは出力の秒数ごとに課金されるため、フックを10通り試すのは実際の予算の判断になります。テンプレート広告を10通り試すのは、そうではありません。

カタログのその他

これらは、モデルでレンダリングされる110のクリエイティブ・レシピ(トーキングヘッドのUGC、商品フィルム、バイラルな商品フォーマット)や、18の解説動画のビジュアルスタイルと並んで掲載されています。

これらのテンプレートはすべて、Webスタジオと同じく、Claude、Cursor、Codex、その他のMCPクライアントからも使え、ブランドの情報も同じように反映されます。エージェントからフォーマットを動かす方法で設定を説明しています。

ネイティブ形式の広告を数クレジットでレンダリングできます。無料プランならカードの登録は不要です。

無料で始める →   料金を見る