> For the complete documentation index, see [llms.txt](https://guide.ci.me/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://guide.ci.me/introduction-to-ci.me/logo-usage-guide.md).

# 로고 사용 가이드

씨미 로고는 국문·영문·심볼·앱 아이콘 4종으로 제공됩니다. 기본 컬러는 CI.ME Violet #7B34F3이며, 최소 사이즈는 로고 높이 18px(6.3mm), 심볼 19px(6.8mm)입니다.

***

## **개요** <a href="#overview" id="overview"></a>

씨미(CI.ME) 로고, 심볼, 앱 아이콘은 씨미 브랜드를 대표하는 중요한 시각 요소입니다.

웹사이트, 모바일, 영상, 인쇄물 등 다양한 환경에서 사용할 수 있으며, 아래 가이드라인을 준수하여 사용해야 합니다.

씨미 디자인을 사용할 때에는 형태, 색상, 비율을 임의로 변경하거나 왜곡하지 않아야 하며, 씨미와의 공식 제휴 또는 협력 관계로 오인될 수 있는 방식의 사용은 금지됩니다.

## **1. 유형**

씨미 로고는 다음 세 가지 유형으로 구성됩니다.

### **국문형 로고** <a href="#korean-logo" id="korean-logo"></a>

<figure><img src="https://3393958803-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnP6G0VWo2s7FyJt3QYyo%2Fuploads%2Fgit-blob-890595028f94a95411ca66fef64486386891cf3e%2Fcf-69b131f62dea5922e681.webp?alt=media" alt="국문형 로고. 씨미 글자 앞에 고양이 심볼이 결합되어 있다."><figcaption></figcaption></figure>

씨미의 한글 로고 타입입니다.

국내 서비스 환경에서 기본적으로 사용되는 로고입니다.

{% file src="/files/5BJ1aGbDRDSuJl0tjlst" %}

### **영문형 로고** <a href="#english-logo" id="english-logo"></a>

<figure><img src="https://3393958803-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnP6G0VWo2s7FyJt3QYyo%2Fuploads%2Fgit-blob-9423f0d82ae3f95764aa96378561f9bb48e807a1%2Fcf-69b131f2522ff574560c.webp?alt=media" alt="영문형 로고. CI.ME 글자 가운데에 고양이 심볼이 결합되어 있다."><figcaption></figcaption></figure>

CI.ME 영문 로고 타입입니다.

글로벌 서비스나 영문 콘텐츠 환경에서 사용됩니다.

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

### **심볼형 로고** <a href="#symbol-logo" id="symbol-logo"></a>

<figure><img src="https://3393958803-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnP6G0VWo2s7FyJt3QYyo%2Fuploads%2Fgit-blob-8e1fb6afd802ee817cf3f2f495069e6831962176%2Fcf-69b131ed80e2c26f677b.webp?alt=media" alt="심볼형 로고. 바이올렛 단색의 고양이 얼굴 형태."><figcaption></figcaption></figure>

씨미를 상징하는 아이콘 형태의 로고입니다.

프로필 이미지, 작은 UI 요소 등에 사용됩니다.

{% file src="/files/3Fh1OUi6u1T5kjq0xWxw" %}

### **앱 아이콘** <a href="#app-icon" id="app-icon"></a>

<figure><img src="https://3393958803-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnP6G0VWo2s7FyJt3QYyo%2Fuploads%2Fgit-blob-3f85a1ba69b4379a65a06de905b21e0076b02aac%2Fcf-69b131dfb908d40f9426.webp?alt=media" alt="씨미 앱 아이콘. 보라에서 자홍으로 이어지는 그라디언트 배경에 검은 고양이 심볼이 놓여 있다."><figcaption></figcaption></figure>

iOS 및 안드로이드 모바일 앱에 사용되는 앱 아이콘입니다.

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

## **2. 컬러 사용 규칙**

씨미 로고는 아래 컬러 규칙에 따라 사용합니다.

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

<figure><img src="https://3393958803-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnP6G0VWo2s7FyJt3QYyo%2Fuploads%2Fgit-blob-f135d66d0635c88aab251c01ae35b85e4ec639d1%2Fcf-69b10f76cb9eb80a004b.webp?alt=media" alt="씨미 로고 컬러 규칙 4종. White, Grayscale, Violet, Gradient 배경별 로고 적용 예시."><figcaption></figcaption></figure>

### **White**

어두운 배경에서 사용하는 화이트 로고입니다.

### **Grayscale**

흑백 인쇄 또는 단색 환경에서 사용하는 로고입니다.

### **Violet**

씨미 브랜드의 기본 컬러가 적용된 로고입니다.

* CI.ME Violet : #7B34F3

### **Gradient**

브랜드 아이덴티티를 강조하기 위한 그라디언트 컬러 로고입니다.

* CI.ME Violet → Pink : #8956FB / #FF5DD0

## **3. 여백 규칙**

로고 주변에는 가독성과 브랜드 인식을 위해 **최소 보호 여백**을 확보해야 합니다.

### **로고 여백** <a href="#logo-clear-space" id="logo-clear-space"></a>

로고 주변에는 최소 여백을 확보해야 하며,

텍스트나 그래픽 요소가 이 영역을 침범할 수 없습니다.

#### **국문** <a href="#korean-logo-1" id="korean-logo-1"></a>

<figure><img src="https://3393958803-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnP6G0VWo2s7FyJt3QYyo%2Fuploads%2Fgit-blob-c2722b7909485b72d1fad673f9e04c7433f140ad%2Fcf-69b10ff1ab214a689fe2.webp?alt=media" alt="국문 로고 주변에 확보해야 할 최소 보호 여백을 가이드 선으로 표시한 도해."><figcaption></figcaption></figure>

#### **영문** <a href="#english-logo-1" id="english-logo-1"></a>

<figure><img src="https://3393958803-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnP6G0VWo2s7FyJt3QYyo%2Fuploads%2Fgit-blob-e9bc46612c20986db2b97b03d95fba0cdff85a5a%2Fcf-69b10fa49b317b3858f2.webp?alt=media" alt="영문 로고 주변에 확보해야 할 최소 보호 여백을 가이드 선으로 표시한 도해."><figcaption></figcaption></figure>

#### **심볼 여백** <a href="#symbol-logo-1" id="symbol-logo-1"></a>

<figure><img src="https://3393958803-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnP6G0VWo2s7FyJt3QYyo%2Fuploads%2Fgit-blob-a373367deb790722c720fbf1c99b12b236e5c400%2Fcf-69b11013b0069e0dbf80.webp?alt=media" alt="심볼형 로고 주변에 확보해야 할 최소 보호 여백을 가이드 선으로 표시한 도해."><figcaption></figcaption></figure>

심볼형 로고 역시 동일하게 보호 여백을 유지해야 합니다.

## **4. 최소 사이즈 규칙**

로고는 다양한 환경에서 식별 가능하도록 **최소 사이즈 규칙**을 준수해야 합니다.

또한, 인쇄물에서는 가독성을 고려해 더 큰 사이즈 사용을 권장합니다.

### **로고(높이 기준)** <a href="#logo-minimum-height" id="logo-minimum-height"></a>

<figure><img src="https://3393958803-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnP6G0VWo2s7FyJt3QYyo%2Fuploads%2Fgit-blob-99f77e49e8c58768c569b66f8dd1a2e9b0289803%2Fcf-69b11098107ff8282a9e.webp?alt=media" alt="로고를 네 단계로 축소해 비교한 도해. 가장 작은 크기가 높이 18px이다."><figcaption></figcaption></figure>

* 18px
* 6.3mm

### **심볼(높이 기준)** <a href="#symbol-logo-minimum-height" id="symbol-logo-minimum-height"></a>

<figure><img src="https://3393958803-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnP6G0VWo2s7FyJt3QYyo%2Fuploads%2Fgit-blob-9ef4657eb25361687fee6c1f29a48c4deb6c1d00%2Fcf-69b1109f917110b07156.webp?alt=media" alt="심볼을 네 단계로 축소해 비교한 도해. 가장 작은 크기가 높이 19px이다."><figcaption></figcaption></figure>

* 19px
* 6.8mm

## **5. 권장하지 않는 사용**

씨미 브랜드의 일관성을 유지하기 위해 다음과 같은 사용은 금지됩니다.

또한, 아래의 내용을 포함하여 가이드에 명시되지 않은 어떠한 형태로의 변형도 금지됩니다.

#### **로고 요소 중 일부 요소만 임의로 키워서 사용하지 않습니다.**

<figure><img src="https://3393958803-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnP6G0VWo2s7FyJt3QYyo%2Fuploads%2Fgit-blob-64b5214a5a5b4d7de40bc8a08afdcecf9b0534cf%2Fcf-69b11103ddf2acc46244.webp?alt=media" alt="금지 사용 예. 로고 요소 중 일부만 임의로 키운 변형에 빨간 X 표시가 붙어 있다."><figcaption></figcaption></figure>

#### **로고를 기울여서 사용하지 않습니다.**

<figure><img src="https://3393958803-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnP6G0VWo2s7FyJt3QYyo%2Fuploads%2Fgit-blob-6fb4b3b8a64567a53fecf4047cb812937fdddbb0%2Fcf-69b111c704f240d05386.webp?alt=media" alt="금지 사용 예. 로고 전체를 기울여 사용한 변형에 빨간 X 표시가 붙어 있다."><figcaption></figcaption></figure>

#### **로고 요소 중 일부 요소를 변형하여 사용하지 않습니다.**

<figure><img src="https://3393958803-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnP6G0VWo2s7FyJt3QYyo%2Fuploads%2Fgit-blob-b07983f1cb2df3ec754e0c89ab54421628683930%2Fcf-69b111d21bc77d5db2aa.webp?alt=media" alt="금지 사용 예. 심볼의 눈 색을 하늘색으로 바꾼 변형에 빨간 X 표시가 붙어 있다."><figcaption></figcaption></figure>

#### **국문 로고와 영문 로고를 병기하여 사용하지 않습니다.**

<figure><img src="https://3393958803-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnP6G0VWo2s7FyJt3QYyo%2Fuploads%2Fgit-blob-288abdcecc947324f2c4b9d1e188133db0a81dbf%2Fcf-69b111df33bb542bcd74.webp?alt=media" alt="금지 사용 예. 국문 로고와 영문 로고를 나란히 병기한 변형에 빨간 X 표시가 붙어 있다."><figcaption></figcaption></figure>

#### **로고에 강한 그림자 효과를 주거나 심볼의 눈 부분에 그림자를 넣어 사용하지 않습니다.**

<figure><img src="https://3393958803-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnP6G0VWo2s7FyJt3QYyo%2Fuploads%2Fgit-blob-aa08563733517578fdd5b4396f389c635b5e85c8%2Fcf-69b11208985a39f2e8f1.webp?alt=media" alt="금지 사용 예. 로고에 강한 그림자와 발광 효과를 준 변형에 빨간 X 표시가 붙어 있다."><figcaption></figcaption></figure>

#### **심볼의 방향을 반전시켜서 사용하지 않습니다.**

<figure><img src="https://3393958803-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnP6G0VWo2s7FyJt3QYyo%2Fuploads%2Fgit-blob-710bcdf82dc21f3a42e7f162fd47c2163e5b4d49%2Fcf-69b11220240fe6bf5cba.webp?alt=media" alt="금지 사용 예. 심볼의 방향을 반전시킨 변형에 빨간 X 표시가 붙어 있다."><figcaption></figcaption></figure>

*업데이트 : 2026.07.06*

{% embed url="<https://ci.me/>" %}