> For the complete documentation index, see [llms.txt](https://docs.wepin.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.wepin.io/misc/logo-and-brand-guideline.md).

# 로고 & 브랜드 가이드라인

### Logo Kit&#x20;

위핀 지갑의 Logo Kit을 다운받을 수 있습니다.&#x20;

{% file src="/files/lw26hbW6P24jExKRYIzf" %}

### 로고(Logo)&#x20;

위핀의 브랜드 로고는 아이덴티티를 전달할 수 있는 가장 기본이 되는 시각적 요소로써 컬러, 서체, 키 비주얼 등과 함께 차별성 있는 브랜드 경험을 연결시키는 핵심 디자인 자산입니다. 심볼마크와 위핀서체로 구성되어 있으며, 가로 배치만을 사용합니다.

<figure><img src="https://834152021-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGcQ5iayny62s5KuY3VoA%2Fuploads%2FAH3HoSITcRliL26XrBpn%2Flogo_01.png?alt=media&amp;token=bdfdc7fd-70db-4a74-9315-4fbd0ab3ff41" alt=""><figcaption></figcaption></figure>

### 심볼(Symbol)

<figure><img src="https://834152021-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGcQ5iayny62s5KuY3VoA%2Fuploads%2F5v6WYhzhk7gRn1ztk7Zt%2Flogo_02.png?alt=media&amp;token=411a2684-70ec-4965-9a6e-cbf8d0a86461" alt=""><figcaption></figcaption></figure>

###

### 브랜드 컬러(Brand Color)

<figure><img src="https://834152021-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGcQ5iayny62s5KuY3VoA%2Fuploads%2FFf8gaGIAZHMUorBfABsS%2Flogo_03.png?alt=media&amp;token=288c72aa-d12e-4f0c-aaec-8f2deada4708" alt=""><figcaption></figcaption></figure>

### 베리에이션 타입(Variation Type)

일반적인 경우 Primary 타입을 기본으로 사용하도록 하며, 가독성을 높이기 위해 배경에 따라 화이트 버전으로도 사용할 수 있습니다.

<figure><img src="https://834152021-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGcQ5iayny62s5KuY3VoA%2Fuploads%2FVoEyEnVfqK7zavp4dHda%2Flogo_04.png?alt=media&amp;token=a1ab6287-63ff-4deb-98bc-96889caa0130" alt=""><figcaption></figcaption></figure>

3rd Party 위에 올라가는 위젯 내 로고는 UI 컬러에 따라서 라이트와 다크 두 버전으로 적용됩니다. 설정된 이외의 값으로 변형은 하지 않도록 합니다.

<figure><img src="https://834152021-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGcQ5iayny62s5KuY3VoA%2Fuploads%2FTrTf3vr1CBB1BmZPgOuj%2Flogo_05.png?alt=media&amp;token=7672611d-7381-42c9-8168-df7c0df20b68" alt=""><figcaption></figcaption></figure>

### 인용 타입(Quotation Type)

3rd party 내 인용을 표기할 때는 ‘Powered by (원본 컬러의 로고)’의 형태로 가며, 화면이 어둡거나 다른 디자인과 강하게 충돌하는 경우 예외적으로 일부 변형할 수 있습니다.

<figure><img src="https://834152021-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGcQ5iayny62s5KuY3VoA%2Fuploads%2FFOwcT6FYGe7DyFIueC8Y%2Flogo_06.png?alt=media&amp;token=f1e3ba67-118c-49a8-9773-e67ffd804c9a" alt=""><figcaption></figcaption></figure>

### 로고 사용 유의사항

로고 컬러를 임의로 변경할 수 없습니다.

<figure><img src="https://834152021-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGcQ5iayny62s5KuY3VoA%2Fuploads%2F1veSi7bRiRKSiJszUbXp%2Flogo_07.png?alt=media&amp;token=5a999394-6eba-445f-a099-4f273fa4ccdb" alt=""><figcaption></figcaption></figure>

로고 비율을 임의로 변경할 수 없습니다.

<figure><img src="https://834152021-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGcQ5iayny62s5KuY3VoA%2Fuploads%2Fl1ZUYfLN4DFPMVQhF9DA%2Flogo_08.png?alt=media&amp;token=0b6c27a2-cf20-4cb6-ad33-97d762f1ab2f" alt=""><figcaption></figcaption></figure>

가시성을 고려하여 로고를 사용합니다.

<figure><img src="https://834152021-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGcQ5iayny62s5KuY3VoA%2Fuploads%2FFAeUwBPdcmiY4AYnZPOn%2Flogo_09.png?alt=media&amp;token=28a66f84-e838-4237-ba38-c818a8726789" alt=""><figcaption></figcaption></figure>
