> For the complete documentation index, see [llms.txt](https://brand.akaric.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://brand.akaric.com/pin-pai-shi-bie-brand-identity/se-cai-colours.md).

# 色彩 Colours

品牌內容產品多元，透過系統性的色彩規範，能幫助大眾建立清晰明確的印象，並在海量的資訊中達到引導作用。

品牌主色

為人所熟悉的主色調，因應不同的排版需求，可使用更多層次的系列色；白色為標誌與內容閱讀的理想背景色，可搭配使用一系列的灰色調。

<figure><img src="https://content.gitbook.com/content/WycHXNNXI0Dsi6cTPo8e/blobs/RwOOAFZ3IkyswOesDnu0/Jozya-CI-38.jpg" alt=""><figcaption><p>Brand Main Color</p></figcaption></figure>

<table data-header-hidden><thead><tr><th width="150">Title</th><th width="150">Pantone®</th><th width="150">CMYK</th><th width="150">RGB</th><th>Hex</th></tr></thead><tbody><tr><td>Title</td><td>Pantone®</td><td>CMYK</td><td>RGB</td><td>Hex</td></tr><tr><td><img src="https://content.gitbook.com/content/WycHXNNXI0Dsi6cTPo8e/blobs/UmLbaSCe5Cm7QbD6fa7b/GoodCost-CI-color-08.jpg" alt="" data-size="line"> <strong>Faded</strong></td><td><strong>2337 C/2015 U</strong></td><td><strong>0, 15, 20, 0</strong></td><td> <strong>255, 217, 204</strong></td><td><strong>#FFD9CC</strong></td></tr><tr><td><img src="https://content.gitbook.com/content/WycHXNNXI0Dsi6cTPo8e/blobs/QLshw0xq46obIqe38d1O/GoodCost-CI-color-07.jpg" alt="" data-size="line"> <strong>Pastel</strong></td><td><strong>163 C/1575 U</strong></td><td><strong>0, 40, 60, 0</strong></td><td><strong>255, 153, 102</strong></td><td><strong>#FF9966</strong></td></tr><tr><td><img src="https://content.gitbook.com/content/WycHXNNXI0Dsi6cTPo8e/blobs/GPyN1yIrZILqksZjNN5H/GoodCost-CI-color-06.jpg" alt="" data-size="line"> <strong>Main</strong> </td><td><strong>Orange 021 C/Orange 021 U</strong></td><td><strong>0, , 65, 100,  0</strong></td><td><strong>255, 89, 0</strong> </td><td><strong>#FF5900</strong></td></tr><tr><td><img src="https://content.gitbook.com/content/WycHXNNXI0Dsi6cTPo8e/blobs/czFHOUhLYwjuky03JOWT/GoodCost-CI-color-05.jpg" alt="" data-size="line"> <strong>Heavy</strong> </td><td><strong>166 C/2347 U</strong></td><td><strong>0, 65, 100, 10</strong></td><td><strong>230, 80, 0</strong></td><td><strong>#E65000</strong></td></tr><tr><td><img src="https://content.gitbook.com/content/WycHXNNXI0Dsi6cTPo8e/blobs/tdO60fBSjFrnluJowEhB/GoodCost-CI-color-04.jpg" alt="" data-size="line"> <strong>Dark</strong> </td><td><strong>1525 C/2349 U</strong></td><td><strong>0, 65, 100, 30</strong></td><td><strong>179, 62, 0</strong></td><td><strong>#B33E00</strong></td></tr></tbody></table>

## 品牌系列色

|                                                                                                                                                                                                                                                           |                                                                                                                                                                                                                                                              |   |
| --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | - |
| <img src="https://4007546544-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWycHXNNXI0Dsi6cTPo8e%2Fuploads%2Fo2BTrS1GuazyJJ7TvVIT%2Fimage.png?alt=media&amp;token=ab7a4ea4-85ab-4786-b668-7e94effc7fb5" alt="" data-size="original"> | <img src="https://4007546544-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWycHXNNXI0Dsi6cTPo8e%2Fuploads%2FLL88fsADifBQ7wngvXNn%2Fimage.png?alt=media&amp;token=935e2987-0fe6-42d1-aa8e-2d7bcd44c0ad" alt="" data-size="original">111 |   |
|                                                                                                                                                                                                                                                           |                                                                                                                                                                                                                                                              |   |
|                                                                                                                                                                                                                                                           |                                                                                                                                                                                                                                                              |   |

除了主色系之外，特色內容也應套用專屬色系作為區隔。

<img src="https://content.gitbook.com/content/WycHXNNXI0Dsi6cTPo8e/blobs/RwOOAFZ3IkyswOesDnu0/Jozya-CI-38.jpg" alt="Brand Series Color" width="188">

Brand Series Color

<table data-header-hidden><thead><tr><th width="150">Title</th><th width="150">Pantone®</th><th width="150">CMYK</th><th width="150">RGB</th><th>Hex</th></tr></thead><tbody><tr><td>Title</td><td>Pantone®</td><td>CMYK</td><td>RGB</td><td>Hex</td></tr><tr><td><img src="https://content.gitbook.com/content/WycHXNNXI0Dsi6cTPo8e/blobs/RwOOAFZ3IkyswOesDnu0/Jozya-CI-38.jpg" alt="" data-size="line"> <strong>Faded</strong></td><td><strong>628 C/7457 U</strong></td><td><strong>13, 0, 0, 8</strong></td><td><strong>204, 234, 234</strong></td><td><strong>#CCEAEA</strong></td></tr><tr><td><img src="https://content.gitbook.com/content/WycHXNNXI0Dsi6cTPo8e/blobs/YZXIqINs0hjCdIXH5Wf4/Jozya-CI-37.jpg" alt="" data-size="line"> <strong>Pastel</strong></td><td><strong>630 C/7709 U</strong></td><td><strong>47, 0, 0, 24</strong></td><td><strong>102, 193, 193</strong></td><td><strong>#66C1C1</strong></td></tr><tr><td><img src="https://content.gitbook.com/content/WycHXNNXI0Dsi6cTPo8e/blobs/4o9aBPmw0Iqb8FzVhhgx/Jozya-CI-36.jpg" alt="" data-size="line"> <strong>Main</strong> </td><td><strong>320 C/320 U</strong></td><td><strong>100, 0, 0, 40</strong></td><td><strong>0, 153, 153</strong></td><td><strong>#009999</strong></td></tr><tr><td><img src="https://content.gitbook.com/content/WycHXNNXI0Dsi6cTPo8e/blobs/jrjZ8MgxPuPNQcRfvG59/Jozya-CI-35.jpg" alt="" data-size="line"> <strong>Heavy</strong> </td><td><strong>321 C/3282 U</strong></td><td><strong>100, 0, 0, 46</strong></td><td><strong>0, 137, 137</strong></td><td><strong>#008989</strong></td></tr><tr><td><img src="https://content.gitbook.com/content/WycHXNNXI0Dsi6cTPo8e/blobs/bQ2Qg5CbF7YJSz708N7w/Jozya-CI-34.jpg" alt="" data-size="line"> <strong>Dark</strong> </td><td><strong>7719 C/322 U</strong></td><td><strong>100, 0, 0, 58</strong></td><td><strong>0, 107, 107</strong></td><td><strong>#006B6B</strong></td></tr></tbody></table>

## 輔助色

除了搶眼的主色之外，也可搭配使用更具功能性的輔助色彩，為品牌形象增添層次感。

<figure><img src="https://content.gitbook.com/content/WycHXNNXI0Dsi6cTPo8e/blobs/RwOOAFZ3IkyswOesDnu0/Jozya-CI-38.jpg" alt=""><figcaption><p>Complementary Color</p></figcaption></figure>

<table data-header-hidden><thead><tr><th width="150">Title</th><th width="150">Pantone®</th><th width="150">CMYK</th><th width="150">RGB</th><th>Hex</th></tr></thead><tbody><tr><td>Title</td><td>Pantone®</td><td>CMYK</td><td>RGB</td><td>Hex</td></tr><tr><td><img src="https://content.gitbook.com/content/WycHXNNXI0Dsi6cTPo8e/blobs/w3SVqUilbv79GgjHa56v/GoodCost-CI-complementary-color-11.jpg" alt="" data-size="line"> <strong>Pastel</strong></td><td><strong>1355 C/135 U</strong></td><td><strong>0, 25, 60, 0</strong></td><td><strong>255, 191, 102</strong></td><td><strong>#FFBF66</strong></td></tr><tr><td><img src="https://content.gitbook.com/content/WycHXNNXI0Dsi6cTPo8e/blobs/yNoQQkWiTY7eWQ4mmC7v/GoodCost-CI-complementary-color-10.jpg" alt="" data-size="line"> <strong>Main</strong></td><td><strong>2013 C/2013 U</strong></td><td><strong>0, 40, 100, 0</strong></td><td><strong>255, 153, 0</strong></td><td><strong>#FF9900</strong></td></tr><tr><td><img src="https://content.gitbook.com/content/WycHXNNXI0Dsi6cTPo8e/blobs/CpECN28YwtVqg9PIGGKk/GoodCost-CI-complementary-color-09.jpg" alt="" data-size="line"> <strong>Heavy</strong></td><td><strong>145 C/145 U</strong></td><td><strong>0, 40, 100, 20</strong></td><td><strong>204, 122, 0</strong></td><td><strong>#CC7A00</strong></td></tr></tbody></table>

<figure><img src="https://content.gitbook.com/content/WycHXNNXI0Dsi6cTPo8e/blobs/U1466FW7xGcPN3ZGbzYJ/GoodCost-CI-neutral-color-23.jpg" alt=""><figcaption></figcaption></figure>

<table data-header-hidden><thead><tr><th width="165">Title</th><th width="150">Pantone®</th><th width="150">CMYK</th><th width="150">RGB</th><th>Hex</th></tr></thead><tbody><tr><td>Title</td><td>Pantone®</td><td>CMYK</td><td>RGB</td><td>Hex</td></tr><tr><td><strong>White</strong></td><td><strong>White</strong></td><td><strong>0, 0, 0, 0</strong></td><td><strong>255, 255, 255</strong></td><td><strong>#FFFFFF</strong></td></tr><tr><td><strong>Gray 100</strong></td><td><strong>5315 C</strong></td><td><strong>0, 0, 0, 5</strong></td><td><strong>241, 241, 241</strong></td><td><strong>#F1F1F1</strong></td></tr><tr><td><strong>Gray 200</strong></td><td><strong>/</strong></td><td><strong>0, 0, 0, 11</strong></td><td><strong>226, 226, 226</strong></td><td><strong>#E2E2E2</strong></td></tr><tr><td><strong>Gray 300</strong> </td><td><strong>/</strong></td><td><strong>0, 0, 0, 15</strong></td><td><strong>216, 216, 216</strong></td><td><strong>#D8D8D8</strong></td></tr><tr><td><strong>Gray 400</strong></td><td><strong>/</strong></td><td><strong>0, 0, 0, 20</strong></td><td><strong>205, 205, 205</strong></td><td><strong>#CDCDCD</strong></td></tr><tr><td><strong>Gray 500</strong></td><td><strong>/</strong></td><td><strong>0, 0, 0, 39</strong></td><td><strong>156, 156, 156</strong></td><td><strong>#9C9C9C</strong></td></tr><tr><td><strong>Gray 600</strong></td><td><strong>/</strong></td><td><strong>0, 0, 0, 50</strong></td><td><strong>128, 128, 128</strong></td><td><strong>#808080</strong></td></tr><tr><td><strong>Gray 700</strong></td><td><strong>/</strong></td><td><strong>0, 0, 0, 71</strong></td><td><strong>74, 74, 74</strong></td><td><strong>#4A4A4A</strong></td></tr><tr><td><strong>Gray 800</strong></td><td><strong>/</strong></td><td><strong>0, 0, 0, 75</strong></td><td><strong>64, 64, 64</strong></td><td><strong>#404040</strong></td></tr><tr><td><strong>Gray 900</strong></td><td><strong>/</strong></td><td><strong>0, 0, 0, 85</strong></td><td><strong>38, 38, 38</strong></td><td><strong>#262626</strong></td></tr><tr><td><strong>Black</strong></td><td><strong>Black 6 C</strong></td><td><strong>0, 0, 0, 100</strong></td><td><strong>0, 0, 0</strong></td><td><strong>#000000</strong></td></tr></tbody></table>