> For the complete documentation index, see [llms.txt](https://guides.advertising.webtoon.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://guides.advertising.webtoon.com/line-manga/creative-guidelines/display-video-ads/premium-home-ads.md).

# Premium Home Ads

## 表示位置及び特徴 <a href="#id-2premiumhomeadjp-bi" id="id-2premiumhomeadjp-bi"></a>

* アプリのメインホー&#x30E0;**「First View」**&#x306B;表示されるバナー広告です。
* 視認性に優れた面への掲出により、コンテンツと調和した自然なユーザー体験を提供します。
* メインビジュアルとキャッチコピーをシンプルに構成することで、ブランドメッセージを瞬時に、かつ効果的に訴求することが可能です。
* First Viewタブは、ユーザーごとにパーソナライズされております。ユーザー行動によってUI/UXが異なるため、広告の表示位置が異なる場合があります

<figure><img src="/files/Q95AFp6zDvbkea6pHmaY" alt="" width="375"><figcaption></figcaption></figure>

### 必要アセット <a href="#id-2premiumhomeadjp-asetto" id="id-2premiumhomeadjp-asetto"></a>

<figure><img src="/files/dnzw1ZTIsD18XcMTJuqt" alt="" width="563"><figcaption></figcaption></figure>

| **画像サイズ**  | 750x200px          |
| ---------- | ------------------ |
| **ファイル容量** | 最大200KB            |
| **ファイル形式** | JPG                |
| **必須素材**   | キービジュアル・ブランドロゴ等の素材 |

## 画像制作ガイド <a href="#id-2premiumhomeadjp-gaido" id="id-2premiumhomeadjp-gaido"></a>

{% tabs %}
{% tab title="基本ガイド" %}

* 規定のサイズ内で、ロゴや商品画像などの各要素を自由にレイアウトいただけます。
* 視認性を担保し、意図しないトリミングを回避するため、主要な素材はセーフティエリアを考慮してレイアウトしてください。
* システムはバナー左上端の1pxのカラーを抽出し、解像度に応じて背景を自動拡張する仕様のため、**左右端の背景は必ず同一の単色(Solid Color)で設定してください。**
* CTAボタンの使用は任意になります。

<figure><img src="/files/v6Fb2ECCxwyrpOyudVyN" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="ボタンガイド" %}

* CTAボタンの高さ：45px
* CTAボタンの横幅は、テキスト量に応じて可変（フレキシブル）となります。
* テキスト量に応じてCTAボタンの幅が変動する場合、コピー左右20pxのマージンを保持してください。
* CTAボタンのカラーは、任意に設定（変更）いただけます。
* 必ずLINE MANGA提供の[**PSDサンプルファイル**](https://wiki.navercorp.com/download/attachments/5121321067/Premium%20Home%20Ad_Image%20Banner.psd?version=1\&modificationDate=1776391295000\&api=v2)を用いて制作を行ってください。

<figure><img src="/files/UGYncKio9O5OPmaEmW2d" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="NG例" %}

<div><figure><img src="/files/rNf4vbPu9c6AxjVg69Gt" alt="" width="375"><figcaption><p>オブジェクトやテキストがバナー外で切れている場合</p></figcaption></figure> <figure><img src="/files/rrvTiJ2gBiFlx8LVIja2" alt="" width="375"><figcaption><p>左上端1pxのカラーと、バナー左右端の背景カラーが異なる場合</p></figcaption></figure></div>

<figure><img src="/files/MxEVuBGCcdKFP8Bk0dNA" alt="" width="375"><figcaption><p>CTAボタンガイドを遵守していない場合</p></figcaption></figure>
{% endtab %}
{% endtabs %}

## テキスト制作ガイド <a href="#id-2premiumhomeadjp-tekisutogaido" id="id-2premiumhomeadjp-tekisutogaido"></a>

{% tabs %}
{% tab title="基本ガイド" %}

* フォント最小サイズ：21pt
* 可読性の高いサンセリフ(Sans-serif)系 フォントの使用を推奨します。
* 使用フォントは2種類以内を規定といたします。
* 広告コピーはロゴ部分を除き、最大3行までを推奨します。
* テキストカラーは、基本色1種＋ポイントカラー2色以内（計3色以内）で構成することを推奨します。
* **バナーの上下左右20pxはセーフティエリアとなります**。文字切れや視認性の低下を防ぐため、テキストがこの領域に重ならないよう配置してください。

<figure><img src="/files/6zbMnzR37P8oP52ngxiP" alt="" width="563"><figcaption></figcaption></figure>
{% endtab %}

{% tab title="NG例" %}

<div><figure><img src="/files/QlQyQzZZC6jhOSoRgmjv" alt="" width="375"><figcaption><p>可読性の低いフォントを使用した場合</p></figcaption></figure> <figure><img src="/files/P4AvJiADaiN9VdPPYutL" alt="" width="375"><figcaption><p>ポイントカラーのバランスが取れていない場合</p></figcaption></figure></div>

<div><figure><img src="/files/0a3FByWjPoFhPDXEw9uf" alt="" width="375"><figcaption><p>テキストが上下左右20pxの余白を超えて配置されている場合</p></figcaption></figure> <figure><img src="/files/dS9qhppBe6cj9BlbcAhY" alt="" width="375"><figcaption><p>コピーが長くなり、可読性が低下する場合</p></figcaption></figure></div>
{% endtab %}
{% endtabs %}

## ADミュートエリア表示ガイド <a href="#id-2premiumhomeadjp-a-dmytoeriagaido" id="id-2premiumhomeadjp-a-dmytoeriagaido"></a>

{% tabs %}
{% tab title="基本ガイド" %}

* CTAボタンは、バナー右上にシステムにより自動で配置されます。
* CTAボタンのサイズおよび右側(固定)マージンは解像度によって変化しませんが、位置はデバイスの横幅解像度値によって異なる場合があります。
* バナー 内の主要な広告画像やブランドロゴなどがCTAボタンに隠れないように制作してください。
* CTAボタンがセットで提供され、ディスプレイの設定に応じて以下のように表示されます。

| モード    | 背景カラー                | Text                                                            |
| ------ | -------------------- | --------------------------------------------------------------- |
| ライトモード | #FFFFFF, Opacity 40% | <img src="/files/hiwJaFv5DL8MbU55JA2l" alt="" data-size="line"> |
| ダークモード | #333333, Opacity 35% | <img src="/files/5VyEwJ7PR52kEWtLolrs" alt="" data-size="line"> |

<div><figure><img src="/files/PltVRbziZaOcGlivgYIG" alt=""><figcaption><p>ライトモード</p></figcaption></figure> <figure><img src="/files/7n3nT95IzGaeuWCVT8N6" alt=""><figcaption><p>ダークモード</p></figcaption></figure></div>
{% endtab %}

{% tab title="NG例" %}

<figure><img src="/files/rOMM3yKuKo16Ne9lV2GX" alt="" width="563"><figcaption><p>ADミュートエリアに主要要素が重なり、識別しづらい場合</p></figcaption></figure>
{% endtab %}
{% endtabs %}

## 保証領域(Safe Area)のご案内

{% tabs %}
{% tab title="基本ガイド" %}

* テキストおよびメイン画像は、バナーの上下左右20px以内の領域にかからないよう →重ならないよう制作する必要があり、当該範囲を超える領域は、端末環境によって一部表示されない可能性があります。
* テキストおよびメイン画像は、バナーの上下左右20px以内の領域にかからないよう制作する必要があり、**当該範囲を超える領域は、端末環境によって一部表示されない可能性があります。**

<figure><img src="/files/hQD52zzJaLQlfPAw10yS" alt="" width="563"><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

## 著作権表記のご案内

{% tabs %}
{% tab title="基本ガイド" %}

* 著作権表記（権利表記）など、**必須記載事項がある場合に限り**、当該ガイドを適用いたします。
* フォント最小サイズ：10pt
* 可読性の高いサンセリフ(Sans-serif) フォントの使用を推奨します。
* テキストは最大2行までを推奨します。
* テキストがバナーの上下左右20pxの余白に重ならないよう制作してください。

<figure><img src="/files/KkmlER6Amh37wdqe7wXU" alt="" width="563"><figcaption></figcaption></figure>
{% endtab %}

{% tab title="NG例" %}

<figure><img src="/files/bx4ScjawTtOQVgUMFVyy" alt="" width="563"><figcaption><p>著作権表記の最小フォントサイズを満たしていない場合</p></figcaption></figure>
{% endtab %}
{% endtabs %}

## サンプル画像 <a href="#id-2premiumhomeadjp-sanpuru" id="id-2premiumhomeadjp-sanpuru"></a>

<div><figure><img src="/files/iVsy0RT1915xpAaxG8Wr" alt=""><figcaption></figcaption></figure> <figure><img src="/files/4D3WJSc99qfU8niIDLTQ" alt=""><figcaption></figcaption></figure></div>

## **Ad Creative PSD Template**

<a href="https://comic.naver.com/external/shareFile?fileId=mQ3birtX6HnaO-NIfzB4lA" class="button secondary">Download Sample PSD</a><br>

{% hint style="success" %}
ご質問や広告に関するお問い合わせは、[**「Contact Us」**](https://ldfcorp.com/ja/contact/form_7)フォームよりご連絡ください
{% endhint %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://guides.advertising.webtoon.com/line-manga/creative-guidelines/display-video-ads/premium-home-ads.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.