> 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="/files/fCj5VziFrLdNZCIW8f1Y" alt=""><figcaption></figcaption></figure>