> For the complete documentation index, see [llms.txt](https://workspace-help.nhn-commerce.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://workspace-help.nhn-commerce.com/aurora-guide/api-1/main.md).

# 메인 화면

메인 화면 레이아웃을 소개합니다.

기본 스킨에서 메인화면의 레이아웃은 아래 4가지 영역으로 구성되어 있습니다.

* <mark style="color:green;">🅐</mark> [공통 영역](/aurora-guide/api-1/common.md) : 쇼핑몰 내에서 화면이 바뀌어도 계속 유지되는 요소를 의미합니다.&#x20;
* <mark style="color:purple;">🅑</mark> [배너 영역](/aurora-guide/api-1/main/banner.md) : 쇼핑몰에서 로고 혹은 프로모션 이벤트를 노출하기 위한 공간이자 이미지 입니다.&#x20;
* <mark style="color:yellow;">🅒</mark> [상품진열 영역](/aurora-guide/api-1/main/display-product.md) : 메인 페이지 내에서 특별한 목적에 따라 상품 리스트를 노출하기 위한 공간입니다.&#x20;
* <mark style="color:blue;">🅓</mark> [인스타그램 연동](/aurora-guide/api-1/main/instagram.md) : 인스타그램 아이디를 연동하여 SNS 게시물을 노출할 수 있습니다.&#x20;

<figure><img src="https://67612295-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLt0GowPleXLWRjzGIAiV%2Fuploads%2FfyWFCHWbRx1SAKRpys7h%2F%E1%84%85%E1%85%A6%E1%84%8B%E1%85%B5%E1%84%8B%E1%85%A1%E1%84%8B%E1%85%AE%E1%86%BA.png?alt=media&amp;token=3786f304-afc5-4561-a9e6-7339336df0f1" alt=""><figcaption></figcaption></figure>