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

# 色彩 Colours

## 品牌主色

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

![](/files/yhF8hcP0tQTXkRynw2EG)

<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="/files/-MkpriTvGXAWI65N2lcH" alt="" data-size="line"> <strong>Faded</strong></td><td><strong>/</strong></td><td><strong>2, 30, 16, 0</strong></td><td> <strong>244, 198, 198</strong></td><td><strong>#F4C6C6</strong></td></tr><tr><td><img src="/files/-MkpriTy2Fn56VLt-s6S" alt="" data-size="line"> <strong>Pastel</strong></td><td><strong>/</strong></td><td><strong>0, 71, 38, 0</strong></td><td><strong>247, 105, 119</strong></td><td><strong>#F76977</strong></td></tr><tr><td><img src="/files/-MkpriTxdk5sV81Oiuwq" alt="" data-size="line"> <strong>Main</strong> </td><td><strong>1795 C/2347U</strong></td><td><strong>0, 95, 79,  0</strong></td><td><strong>248, 11, 40</strong> </td><td><strong>#F80B28</strong></td></tr><tr><td><img src="/files/-MkpriTwvZK0SoDmJGDz" alt="" data-size="line"> <strong>Heavy</strong> </td><td><strong>7620 C/3546U</strong></td><td><strong>16, 100, 90, 6</strong></td><td><strong>196, 13, 35</strong></td><td><strong>#C40D23</strong></td></tr><tr><td><img src="/files/-MkpriTuqJGQPTLPbQgp" alt="" data-size="line"> <strong>Dark</strong> </td><td><strong>/</strong></td><td><strong>25, 100, 87, 25</strong></td><td><strong>155, 5, 30</strong></td><td><strong>#9B051E</strong></td></tr></tbody></table>

## 品牌系列色

除了主色系之外，《報導者》的特色內容也應套用專屬色系作為區隔，例如影像報導以及 Podcast 聲音內容。

![](/files/YfvOn6nB2C5n0yU0mnzH)

<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="/files/-MkpriU4UykTYrbY43dE" alt="" data-size="line"> <strong>Faded</strong></td><td><strong>/</strong></td><td><strong>27, 0, 21, 0</strong></td><td><strong>196, 242, 220</strong></td><td><strong>#C4F2DC</strong></td></tr><tr><td><img src="/files/-MkpriU7yq4xLS_im5PP" alt="" data-size="line"> <strong>Pastel</strong></td><td><strong>/</strong></td><td><strong>42, 0, 32, 0</strong></td><td><strong>153, 236, 201</strong></td><td><strong>#99ECC9</strong></td></tr><tr><td><img src="/files/-MkpriU6WHmiz4Poelle" alt="" data-size="line"> <strong>Main</strong> </td><td><strong>570 C</strong></td><td><strong>53, 0, 42, 0</strong></td><td><strong>110, 229, 181</strong></td><td><strong>#6EE5B5</strong></td></tr><tr><td><img src="/files/-MkpriU5m48kI0PuwXw0" alt="" data-size="line"> <strong>Heavy</strong> </td><td><strong>/</strong></td><td><strong>76, 21, 58, 5</strong></td><td><strong>60, 146, 122</strong></td><td><strong>#3C927A</strong></td></tr><tr><td><img src="/files/-MkpriU3RwqU5I-hcB_Q" alt="" data-size="line"> <strong>Dark</strong> </td><td><strong>/</strong></td><td><strong>89, 50, 63, 65</strong></td><td><strong>14, 53, 50</strong></td><td><strong>#0E3532</strong></td></tr></tbody></table>

<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="/files/-MkpriTzrtbJGVO8I7Eb" alt="" data-size="line"> <strong>Faded</strong></td><td><strong>/</strong></td><td><strong>36,  0, 3, 0</strong></td><td><strong>171, 222, 244</strong></td><td><strong>#ABDEF4</strong></td></tr><tr><td><img src="/files/-MkpriU04tTHcCOxxmmo" alt="" data-size="line"> <strong>Pastel</strong></td><td><strong>/</strong></td><td><strong>60, 33, 0, 0</strong></td><td><strong>109, 155, 224</strong></td><td><strong>#6D9BE0</strong></td></tr><tr><td><img src="/files/-MkpriU2l5x5mXk6MiPD" alt="" data-size="line"> <strong>Main</strong> </td><td><strong>2387 C</strong></td><td><strong>86, 66, 0, 0</strong></td><td><strong>47, 88, 204</strong> </td><td><strong>#2F58CC</strong></td></tr><tr><td><img src="/files/-MkpriU-D2JMHkqVgejr" alt="" data-size="line"> <strong>Heavy</strong> </td><td><strong>/</strong></td><td><strong>100, 87, 29, 11</strong></td><td><strong>20, 48, 113</strong></td><td><strong>#143071</strong></td></tr><tr><td><img src="/files/-MkpriU17Hcx6_sQ8Zpt" alt="" data-size="line"> <strong>Dark</strong> </td><td><strong>/</strong></td><td><strong>100, 87, 45, 51</strong></td><td><strong>5, 33, 66</strong></td><td><strong>#052142</strong></td></tr></tbody></table>

## 輔助色

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

![](/files/CAXoq3q1JkXSYgm68IKr)

<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="/files/-MkpxP254B0zTk5zkHBy" alt="" data-size="line"> <strong>Main</strong></td><td><strong>468</strong> <strong>C</strong></td><td><strong>7, 27, 41, 0</strong></td><td><strong>237, 195, 157</strong></td><td><strong>#EDC39D</strong></td></tr><tr><td><img src="/files/-MkpxP23hYTb3CksCkhc" alt="" data-size="line"> <strong>Heavy</strong></td><td><strong>/</strong></td><td><strong>30, 44, 69, 24</strong></td><td><strong>158, 122, 78</strong></td><td><strong>#9E7A4E</strong></td></tr><tr><td><img src="/files/-MkpxP24J6QfHa5Vl1gB" alt="" data-size="line"> <strong>Dark</strong> </td><td><strong>/</strong></td><td><strong>47, 65, 82, 68</strong></td><td><strong>73, 48, 24</strong></td><td><strong>#493018</strong></td></tr></tbody></table>

![](/files/dCM7XKNYl5n7J6sDavzr)

<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><img src="/files/C86cGgMRUpkaV9e7S20t" alt="" data-size="line"><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><img src="/files/-MkpxP1vuhDBRyoYoaFd" alt="" data-size="line"><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><img src="/files/-MkpxP1wT1UGy6jp95I-" alt="" data-size="line"><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><img src="/files/-MkpxP1xKZMeeYINYsna" alt="" data-size="line"><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><img src="/files/-MkpxP1yAuaUNRKb8LmA" alt="" data-size="line"><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><img src="/files/-MkpxP1zmv5ZRjzITa8Q" alt="" data-size="line"><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><img src="/files/-MkpxP2-hVZV60NAPPtR" alt="" data-size="line"><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><img src="/files/-MkpxP200cp_s4veoMR9" alt="" data-size="line"><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><img src="/files/-MkpxP21LnlGYHI5b95v" alt="" data-size="line"><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><img src="/files/-MkpxP22OrA5KT27pYma" alt="" data-size="line"><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><img src="/files/-MkqANnsjpbg-aDS_HnQ" alt="" data-size="line"><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>

## Download

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

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