> 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/tw/introduction-to-ci.me/logo-usage-guide.md).

# Logo 使用指南

CI.ME Logo 提供韓文、英文、Symbol 與 App Icon 四種版本，主色為 CI.ME Violet #7B34F3，最小高度規範為 Logo 18px（6.3mm）、Symbol 19px（6.8mm）。

***

## **概覽**

CI.ME Logo、Symbol 與 App 圖示皆為 CI.ME 品牌識別的重要組成部分。

無論用於網站、社群平台、影片內容、行動 App 或印刷品，請務必依照本指南正確使用，以維持 CI.ME 品牌識別的一致性。

請勿擅自修改、變形、重新上色或重製任何 CI.ME 品牌素材，並請保持其原有外觀、比例與色彩設定。

未經事先授權，不得使用 CI.ME 品牌素材暗示與 CI.ME 存在任何合作、贊助、合作夥伴關係或官方背書。

## **1. Logo 版本**

CI.ME Logo 提供以下三種版本，可依不同使用情境選擇。

### **韓文 Logo**

<figure><img src="https://844412309-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FE6kaA7AMCDIN4yBYWUkf%2Fuploads%2Fgit-blob-890595028f94a95411ca66fef64486386891cf3e%2Fcf-69b131f62dea5922e681.webp?alt=media" alt="CI.ME 韓文 Logo：紫色貓耳三角形符號後方接著韓文字標，置於淺灰色背景"><figcaption></figcaption></figure>

此版本為 CI.ME 的韓文 Logo。

主要用於韓文服務、韓文內容，以及韓國市場相關宣傳素材。

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

### **英文 Logo**

<figure><img src="https://844412309-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FE6kaA7AMCDIN4yBYWUkf%2Fuploads%2Fgit-blob-9423f0d82ae3f95764aa96378561f9bb48e807a1%2Fcf-69b131f2522ff574560c.webp?alt=media" alt="CI.ME 英文 Logo：以貓耳符號取代字母 M 的紫色 CI.ME 字標，置於淺灰色背景"><figcaption></figcaption></figure>

此版本為 CI.ME 的英文 Logo。

主要用於全球服務、英文內容，以及國際市場相關宣傳素材。

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

### **Symbol Logo（圖形標誌）**

<figure><img src="https://844412309-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FE6kaA7AMCDIN4yBYWUkf%2Fuploads%2Fgit-blob-8e1fb6afd802ee817cf3f2f495069e6831962176%2Fcf-69b131ed80e2c26f677b.webp?alt=media" alt="CI.ME Symbol：僅保留貓耳輪廓與兩個圓形眼睛的紫色圖形標誌"><figcaption></figcaption></figure>

此版本為 CI.ME 的 Symbol Logo（圖形標誌）。

常用於個人頭像、頻道圖片、App 介面，以及其他空間有限的 UI 使用情境。

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

### **App Icon**

<figure><img src="https://844412309-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FE6kaA7AMCDIN4yBYWUkf%2Fuploads%2Fgit-blob-3f85a1ba69b4379a65a06de905b21e0076b02aac%2Fcf-69b131dfb908d40f9426.webp?alt=media" alt="CI.ME App 圖示：圓角方形內以紫色至桃紅漸層襯托黑色貓臉剪影"><figcaption></figcaption></figure>

此版本為 CI.ME 官方 App 圖示。

用於 iOS 與 Android 平台上的 CI.ME 行動應用程式。

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

## **2. Logo 色彩使用規範**

CI.ME Logo 僅可使用下列官方核准的色彩版本。

※ 未經授權，不得以任何形式修改、替換或重新定義 Logo 的色彩。

<figure><img src="https://844412309-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FE6kaA7AMCDIN4yBYWUkf%2Fuploads%2Fgit-blob-f135d66d0635c88aab251c01ae35b85e4ec639d1%2Fcf-69b10f76cb9eb80a004b.webp?alt=media" alt="四格色彩範例，依序為淺灰底的紫色 Logo、深黑底的白色灰階版、紫色底與紫粉漸層底的白色 Logo"><figcaption></figcaption></figure>

### **White**

適用於深色背景的白色 Logo。

### **Grayscale**

適用於黑白印刷或單色應用情境的灰階 Logo。

### **Violet**

採用 CI.ME 核心品牌色的主要 Logo 版本。

* CI.ME Violet：#7B34F3

### **Gradient**

採用品牌漸層色設計的 Logo，用於強化 CI.ME 的品牌識別。

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

## **3. Logo 安全留白規範**

為確保 **Logo 的辨識度與品牌一致性**，Logo 周圍**須保留足夠的安全留白空間**。

### **Logo 安全留白區域**

所有 Logo 周圍皆須保留最小安全留白區域。

任何文字、圖像、UI 元件及其他視覺元素皆不得進入或覆蓋此區域。

#### **韓文 Logo**

<figure><img src="https://844412309-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FE6kaA7AMCDIN4yBYWUkf%2Fuploads%2Fgit-blob-c2722b7909485b72d1fad673f9e04c7433f140ad%2Fcf-69b10ff1ab214a689fe2.webp?alt=media" alt="韓文 Logo 的安全留白示意圖，四周以淡紫色區塊標出其他元素不得侵入的範圍"><figcaption></figcaption></figure>

#### **英文 Logo**

<figure><img src="https://844412309-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FE6kaA7AMCDIN4yBYWUkf%2Fuploads%2Fgit-blob-e9bc46612c20986db2b97b03d95fba0cdff85a5a%2Fcf-69b10fa49b317b3858f2.webp?alt=media" alt="英文 CI.ME Logo 的安全留白示意圖，上下左右以淡紫色區塊標出保護範圍"><figcaption></figcaption></figure>

#### **Symbol Logo（圖形標誌）**

<figure><img src="https://844412309-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FE6kaA7AMCDIN4yBYWUkf%2Fuploads%2Fgit-blob-a373367deb790722c720fbf1c99b12b236e5c400%2Fcf-69b11013b0069e0dbf80.webp?alt=media" alt="Symbol 的安全留白示意圖，四角以淡紫色圓點標出最小留白邊界"><figcaption></figcaption></figure>

Symbol Logo（圖形標誌）同樣適用相同的安全留白規範。

## **4. 最小尺寸規範**

為確保 Logo 在各種使用情境下皆能保持清晰可辨，請遵守以下**最小尺寸規範**。

若使用尺寸大於規範建議值，將有助於提升辨識度與可讀性。

### **Logo（最小高度）**

<figure><img src="https://844412309-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FE6kaA7AMCDIN4yBYWUkf%2Fuploads%2Fgit-blob-99f77e49e8c58768c569b66f8dd1a2e9b0289803%2Fcf-69b11098107ff8282a9e.webp?alt=media" alt="深色背景上由大到小排列的四組 Logo，最下方以藍色標註最小高度 18px 的參考尺寸"><figcaption></figcaption></figure>

* 18px
* 6.3mm

### **Symbol Logo（最小高度）**

<figure><img src="https://844412309-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FE6kaA7AMCDIN4yBYWUkf%2Fuploads%2Fgit-blob-9ef4657eb25361687fee6c1f29a48c4deb6c1d00%2Fcf-69b1109f917110b07156.webp?alt=media" alt="深色背景上由大到小排列的四個貓耳 Symbol，最下方以藍色標註最小高度 19px 的參考尺寸"><figcaption></figcaption></figure>

* 19px
* 6.8mm

## **5. 錯誤使用方式**

為維持 CI.ME 品牌識別的一致性與辨識度，禁止以下 Logo 使用方式。

除下列範例外，任何未於本規範中明確說明的修改或使用方式，亦不被允許。

#### **請勿放大 Logo 的個別元素**

<figure><img src="https://844412309-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FE6kaA7AMCDIN4yBYWUkf%2Fuploads%2Fgit-blob-64b5214a5a5b4d7de40bc8a08afdcecf9b0534cf%2Fcf-69b11103ddf2acc46244.webp?alt=media" alt="錯誤示範：貓耳符號被單獨放大，與右側字標比例失衡，左上角標有紅色叉號"><figcaption></figcaption></figure>

#### **請勿旋轉或傾斜 Logo**

<figure><img src="https://844412309-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FE6kaA7AMCDIN4yBYWUkf%2Fuploads%2Fgit-blob-6fb4b3b8a64567a53fecf4047cb812937fdddbb0%2Fcf-69b111c704f240d05386.webp?alt=media" alt="錯誤示範：整組 Logo 被向右傾斜成斜體，左上角標有紅色叉號"><figcaption></figcaption></figure>

#### **請勿修改 Logo 的個別元素**

<figure><img src="https://844412309-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FE6kaA7AMCDIN4yBYWUkf%2Fuploads%2Fgit-blob-b07983f1cb2df3ec754e0c89ab54421628683930%2Fcf-69b111d21bc77d5db2aa.webp?alt=media" alt="錯誤示範：Logo 的兩個圓形眼睛被改成水藍色，左上角標有紅色叉號"><figcaption></figcaption></figure>

#### **請勿混用韓文與英文 Logo**

<figure><img src="https://844412309-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FE6kaA7AMCDIN4yBYWUkf%2Fuploads%2Fgit-blob-288abdcecc947324f2c4b9d1e188133db0a81dbf%2Fcf-69b111df33bb542bcd74.webp?alt=media" alt="錯誤示範：韓文 Logo 與英文 CI.ME Logo 並排混用於同一畫面，左上角標有紅色叉號"><figcaption></figcaption></figure>

#### **請勿新增視覺特效**

<figure><img src="https://844412309-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FE6kaA7AMCDIN4yBYWUkf%2Fuploads%2Fgit-blob-aa08563733517578fdd5b4396f389c635b5e85c8%2Fcf-69b11208985a39f2e8f1.webp?alt=media" alt="錯誤示範：Logo 加上紫色發光外暈特效，左上角標有紅色叉號"><figcaption></figcaption></figure>

#### **請勿翻轉 Symbol Logo（圖形標誌）**

<figure><img src="https://844412309-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FE6kaA7AMCDIN4yBYWUkf%2Fuploads%2Fgit-blob-710bcdf82dc21f3a42e7f162fd47c2163e5b4d49%2Fcf-69b11220240fe6bf5cba.webp?alt=media" alt="錯誤示範：貓耳 Symbol 被左右翻轉，左上角標有紅色叉號"><figcaption></figcaption></figure>

*更新日期：2026年7月6日*

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