> For the complete documentation index, see [llms.txt](https://tmoneymobility.gitbook.io/tmoney-ads-guidelines/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://tmoneymobility.gitbook.io/tmoney-ads-guidelines/airportbus/rolling-banner.md).

# 롤링 배너

공항버스 예매 화면 하단에 롤링으로 노출되는 배너 광고입니다.

{% hint style="info" %}
**필수 제출 항목 : JPG 또는 PNG 파일 1종, 랜딩 URL**
{% endhint %}

***

## 1. 소재 정보

<figure><img src="https://2686428839-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5XT4W5dkkJhUBr3SHy3T%2Fuploads%2F4ZnV9pzDVKaVn67q1e8m%2F%EA%B3%B5%ED%95%AD%EB%B2%84%EC%8A%A4.png?alt=media&amp;token=2b46087d-e731-4e39-a396-93fc08e8b051" alt="" width="281"><figcaption></figcaption></figure>

### 1-1. 소재 규격

<figure><img src="https://2686428839-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5XT4W5dkkJhUBr3SHy3T%2Fuploads%2FK6sY4yI5wkIYTLHdlTXG%2F%EB%A1%A4%EB%A7%81%20%EB%B0%B0%EB%84%88%20(6).png?alt=media&amp;token=15a76c75-875c-41e4-9a3c-028b8547b8d9" alt="" width="563"><figcaption></figcaption></figure>

<table><thead><tr><th width="240"></th><th></th></tr></thead><tbody><tr><td><strong>사이즈</strong></td><td>1005 × 300 px</td></tr><tr><td><strong>파일 형식</strong></td><td>JPG 또는 PNG</td></tr><tr><td><strong>용량</strong></td><td>100kb 이하</td></tr><tr><td><strong>유의사항</strong></td><td><ul><li>이미지 가장자리 라운드 처리하지 않음 (시스템 자동 적용)</li><li>흰색 계열의 배경 컬러 사용 불가</li><li>랜딩 URL 전달 필요</li></ul></td></tr></tbody></table>

## 2. 소재 제작 가이드

### 2-1. 텍스트 가이드

<figure><img src="https://2686428839-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5XT4W5dkkJhUBr3SHy3T%2Fuploads%2FZF1GgARXPlZwGrX2oSc6%2F1%20(5).png?alt=media&amp;token=79413cce-bbe3-4508-a7d3-5e605ee2401f" alt="" width="563"><figcaption></figcaption></figure>

<table><thead><tr><th width="240"></th><th></th></tr></thead><tbody><tr><td><strong>메인 텍스트</strong></td><td><ul><li>폰트 : 티머니 둥근바람 ExtraBold</li><li>사이즈 : 54pt</li><li>컬러 : 자유롭게 구성하되, 가독성을 위해 배경과 명도 대비 최소 4.5:1 이상 유지</li><li>2줄 필수</li></ul></td></tr><tr><td><strong>서브 텍스트</strong></td><td><ul><li>폰트 : Noto Sans KR Medium</li><li>사이즈 : 32pt</li><li>컬러 : 자유롭게 구성하되, 메인 텍스트 대비 낮은 명도·채도 적용해 시각적 위계 유지<br>가독성을 위해 배경과 명도 대비 최소 4.5:1 이상 유지</li><li>1줄 필수</li></ul></td></tr><tr><td><strong>유의사항</strong></td><td><ul><li>좌측 정렬 필수</li></ul></td></tr></tbody></table>

### 2-2. 오브젝트 가이드

<figure><img src="https://2686428839-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5XT4W5dkkJhUBr3SHy3T%2Fuploads%2FBgbNAHQejG0osaISVKNg%2F2%20(6).png?alt=media&amp;token=9310b149-e1e5-4e6a-b049-fab5ecdfdfe2" alt="" width="563"><figcaption></figcaption></figure>

<table><thead><tr><th width="240"></th><th></th></tr></thead><tbody><tr><td><strong>규격</strong></td><td>303 x 300 px 이내 자유롭게 구성</td></tr><tr><td><strong>카운터 (ex. 1/2)</strong></td><td><ul><li>이미지에 포함하지 않음 (시스템 자동 처리)</li><li>해당 영역 고려하여 오브젝트 배치</li></ul></td></tr><tr><td><strong>유의사항</strong></td><td><ul><li>명시성을 위해 배경과 명도 대비 최소 4.5:1 이상 유지</li></ul></td></tr></tbody></table>

### 2-3. AD 표기 가이드

<figure><img src="https://2686428839-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5XT4W5dkkJhUBr3SHy3T%2Fuploads%2FTTz1LkgIy2arZzDKyGb5%2F%EB%A1%A4%EB%A7%81%EB%B0%B0%EB%84%88%EA%B0%80%EC%9D%B4%EB%93%9C.png?alt=media&amp;token=f9f37439-6962-46f6-b7f6-f2184fddf1f4" alt="" width="563"><figcaption></figcaption></figure>

<table><thead><tr><th width="240"></th><th></th></tr></thead><tbody><tr><td><strong>메인 텍스트</strong></td><td><ul><li>폰트 : Noto Sans KR Medium</li><li>사이즈 : 30pt</li><li>컬러 : #BBBBBB</li><li>중앙 정렬</li></ul></td></tr><tr><td><strong>배경</strong></td><td><ul><li>76 x 48 px 버튼 크기 유지</li><li>컬러 : #FFFFFF</li><li>Border Radius : 999px (Pill 형태)</li></ul></td></tr></tbody></table>

{% hint style="success" %}
**예시 파일 활용하기**

위 규격이 적용된  Figma 예시 파일입니다. 소재를 복사해 자유롭게 활용하세요.

👉 [Figma 예시 파일 열기](https://www.figma.com/design/aTGmkbw8pqHPNAqWvquKK5/TmoneyGO-Ads-Guidelines?node-id=13-51\&t=J64PqUtbQSV7tQXn-1)
{% endhint %}