# Design Guidelines

## 브랜드 디자인 가이드 <a href="#brand-design-guide" id="brand-design-guide"></a>

그라운드엑스 제품의 브랜드 정체성을 유지하기 위한 사용 가이드입니다.

### 1. 그라운드엑스 <a href="#brandguide-gx" id="brandguide-gx"></a>

* [그라운드엑스 브랜드 가이드 문서 & 로고/심볼 파일 다운로드 (.zip)](https://media.klipwallet.com/guide/GroundX_Logo_Asset.zip)

### 2. 클립 <a href="#brandguide-klip" id="brandguide-klip"></a>

* [클립 브랜드 가이드 문서 & 로고/심볼 파일 다운로드 (.zip)](https://media.klipwallet.com/guide/Klip_Logo_Asset.zip)

### 3. 클립 드롭스 <a href="#brandguide-klipdrops" id="brandguide-klipdrops"></a>

* [클립 드롭스 로고 파일 다운로드 (.ai)](https://media.klipwallet.com/guide/KlipDrops_Logo_Vector.ai)

### 4. 그리드 <a href="#brandguide-grid" id="brandguide-grid"></a>

* [그리드 로고 및 가이드 다운로드 (.ai)](https://media.klipwallet.com/guide/GRID_Logo_Guide.ai)

## 클립 <a href="#klipguide" id="klipguide"></a>

### 1. 배너 디자인 가이드 <a href="#klipguide-banner" id="klipguide-banner"></a>

클립에 표시되는 배너 제작 가이드입니다.

* 1-1. (카카오톡 내 클립) 홈 하단 리스트형 배너 가이드
  * 카카오톡 내 클립 홈 화면 하단에 노출되는 배너 제작 가이드입니다.
  * [제작 가이드 문서 & 템플릿 파일 다운로드 (.zip)](https://media.klipwallet.com/guide/klip_main_bottom_list_guide_KOR.zip)

![카카오톡 클립 - 홈 하단 리스트형 배너 예시](https://3172838291-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnNTSgYr0w3EdZpxFJdYr%2Fuploads%2Fgit-blob-0eaaac521d23fe44f14abc697acafe2eeb08df4f%2Fbottom_list_banner.jpg?alt=media)

* 1-2. 홈 하단 랜덤형 배너 가이드
  * 클립 홈 화면 최하단에 노출되는 배너 제작 가이드입니다.
  * [제작 가이드 문서 & 템플릿 파일 다운로드 (.zip)](https://media.klipwallet.com/guide/klip_main_bottom_random_guide_KOR.zip)

![홈 하단 랜덤형 배너 예시](https://3172838291-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnNTSgYr0w3EdZpxFJdYr%2Fuploads%2Fgit-blob-cdb9fa50c36af7c478c88c35da491e849679d5ab%2Fbottom_random_banner.jpg?alt=media)

* 1-3. 홈 프로모션 팝업 배너 가이드
  * 클립 홈 화면 접근 시 팝업 형태로 노출되는 배너 제작 가이드입니다.
  * [제작 가이드 문서 & 템플릿 파일 다운로드 (.zip)](https://media.klipwallet.com/guide/klip_main_popup_template.zip)

![홈 프로모션 팝업 배너 예시](https://3172838291-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnNTSgYr0w3EdZpxFJdYr%2Fuploads%2Fgit-blob-613bb02db4ce1bffa7df572f2597eb526de92406%2Fpopup_banner.jpg?alt=media)

* 1-4. 홈 상단 클립 드롭스 작품 배너 가이드
  * 클립 홈 화면에 노출되는 클립 드롭스 배너 제작 가이드입니다.
  * [홈 배너 템플릿 파일 Type2 다운로드 (.psd)](https://media.klipwallet.com/guide/main_drops_rolling_guide_type2.psd)

![홈 상단 클립 드롭스 작품 배너 예시](https://3172838291-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnNTSgYr0w3EdZpxFJdYr%2Fuploads%2Fgit-blob-0ab588dd9fe0a516495d712314796f74b502d92f%2Fdrops_banner.jpg?alt=media)

### 2. 이미지 제작 가이드 <a href="#klipguide-image" id="klipguide-image"></a>

클립에 서비스, 토큰, NFT 등록 시 필요한 이미지 제작 가이드입니다.

* 2-1. 서비스 정보 & 이미지 에셋 가이드
  * 클립 서비스 등록 시 필요한 앱 아이콘 및 스크린샷 가이드입니다.
  * [제작 가이드 문서 & 템플릿 파일 다운로드 (.zip)](https://media.klipwallet.com/guide/klip_service_info_asset_guide.zip)
* 2-2. 토큰 & NFT 가이드
  * 클립에 노출되는 토큰 및 NFT 등록 시 필요한 정보를 참고할 수 있는 가이드입니다.
  * [토큰 제작 가이드 문서 다운로드 (.pdf)](https://media.klipwallet.com/guide/Klip_Token_Guide.pdf)
  * [NFT 제작 가이드 문서 다운로드 (.pdf)](https://media.klipwallet.com/guide/Klip_NFT_Guide.pdf)
* 2-3. NFT 컬렉션 등록 가이드
  * 클립에 노출되는 NFT 컬렉션 등록 시 필요한 정보를 참고할 수 있는 가이드입니다.
  * [제작 가이드 문서 다운로드 (.pdf)](https://media.klipwallet.com/guide/How_to_expose_NFT_collections_on_Klip.pdf)

### 3. 클립 로그인 버튼 가이드 <a href="#klipguide-loginbutton" id="klipguide-loginbutton"></a>

app2app을 통해 클립을 연동하는 경우 참고할 수 있는 디자인 가이드입니다.

* 클립 로그인 버튼 가이드
  * 클립 로그인 기능을 구현할 때 필요한 버튼 가이드입니다.
  * [제작 가이드 문서 링크 (Figma)](https://www.figma.com/file/FZuqElOlwYGbQOsjDx8g1c/Klip_A2A-%EB%B2%84%ED%8A%BC-%EC%A0%9C%EC%9E%91-%EA%B0%80%EC%9D%B4%EB%93%9C-v.2.0.0?type=design\&node-id=0-1)
  * [제작 가이드 문서 & 템플릿 파일 다운로드 (.zip)](https://media.klipwallet.com/guide/klip_login_button_guide_KOR.zip)

## 클립 드롭스 <a href="#klipdropsguide" id="klipdropsguide"></a>

### 1. 작품 제작 가이드 <a href="#klipdropsguide-creation" id="klipdropsguide-creation"></a>

클립 드롭스 작품 및 크리에이터 이미지의 기술사양과 작품 정보를 참고할 수 있는 가이드입니다.

* [제작 가이드 문서 다운로드 (.pdf)](https://media.klipwallet.com/guide/drops_creation_guide.pdf)

### 2. 배너 및 콘텐츠 디자인 가이드 <a href="#klipdropsguide-banner" id="klipdropsguide-banner"></a>

클립 드롭스 내 홍보를 위한 배너 및 콘텐츠 제작 가이드입니다.

* 2-1. 통합 홈 배너 가이드
  * Klip Drops 홈페이지 상단에 노출되는 배너 제작 템플릿 파일입니다.
  * [템플릿 파일 다운로드 (.psd)](https://media.klipwallet.com/guide/drops_main_promotion_name.psd)

![클립 드롭스 통합 홈 배너 예시](https://3172838291-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnNTSgYr0w3EdZpxFJdYr%2Fuploads%2Fgit-blob-5a2f1656fad11f90100e58254791b5bebeb5a884%2Fdrops_home_banner.jpg?alt=media)

* 2-2. 작가 소개 콘텐츠 가이드
  * Klip Drops 홈페이지 상단 배너 클릭 시 새 탭으로 노출되는 작가 소개 콘텐츠 제작 가이드입니다.
  * [제작 가이드 문서 다운로드 (.jpg)](https://media.klipwallet.com/guide/drops_creator_intro_contents_guide.jpg)

### 3. 드롭스 파트너스 툴 가이드 <a href="#klipdropsguide-dpt" id="klipdropsguide-dpt"></a>

드롭스 파트너스 툴 (DPT) 이용 방법과 신규 파트너의 필수 설정을 위한 가이드입니다.

* [DPT 빠른 가이드 다운로드 (.pdf)](https://media.klipwallet.com/guide/dpt_quick_guide.pdf)
* [DPT 이용 가이드 다운로드 (.pdf)](https://media.klipwallet.com/guide/dpt_guide.pdf)

이 문서 혹은 클립에 관한 문의는 [개발자 포럼](https://klipforum.zendesk.com)을 방문해 도움을 받으십시오.