品牌指南

一個標誌,一種綠,一種聲音。

完整的 Protocore 品牌系統——標誌、留白、色彩、字體、語調與命名——集中在一頁。可在此閱讀,或下載 PDF。

標誌系統

標誌的四種排法。

多面體核心標誌是唯一繪製的素材。組合標誌以 Roboto Medium 將名稱排在標誌旁或下方——兩者皆不得重新繪製。

標誌

小尺寸時單獨使用——favicon、應用程式圖示,以及名稱無法清楚辨識的場合。

Protocore
橫式組合標誌

標誌置於名稱旁。預設版本,適用於頁首、文件與簽名。

Protocore
直式組合標誌

標誌置於名稱上方。適用於方形版位,如社群圖卡、圖塊與印章。

頭像圖塊

標誌置中於 1024 px 純色圖塊上。適用於各平台的個人頭像。

留白與尺寸

四周留白,尺寸有底。

兩個硬性數值,讓標誌在任何場合都清晰可辨。

留白——四邊各保留一個標誌寬度。

16 px 的標誌——數位使用的下限。
留白
四邊皆為標誌本身的寬度。範圍內不放任何元素——文字、線條、頁面邊緣都不行。
最小高度 · 數位
16 px。再小就難以辨識——請單獨使用標誌,不要使用組合標誌。
最小高度 · 印刷
6 mm。

色彩

五種顏色,各司其職。

預設近乎單色。綠色是強調色,不是主題色——絕不大面積填色。

墨黑
#0a0a0a
rgb 10 · 10 · 10

淺色底上的文字。深色表面。

紙白
#fafafa
rgb 250 · 250 · 250

淺色頁面背景。

白色
#ffffff
rgb 255 · 255 · 255

紙色上的卡片。墨色上的文字。

強調色
#3fcf8e
rgb 63 · 207 · 142

綠色——僅用於深色表面。

淺色強調色
#0e9e6e
rgb 14 · 158 · 110

白底上的強調文字——連結與標籤。

字體

讓 Roboto 來說話。

兩個字型家族涵蓋所有需求。不加第三種字體,也不用斜體強調。

一個核心,十二項產品。
Roboto 400 · 500 · 700

介面與標題——內文用 400,標題與組合標誌用 500,700 謹慎使用。

/// FACT SHEET · 12
Roboto Mono 400

標籤、眉標與數字——全大寫,字距加寬。

Regular 400Medium 500Bold 700
/// SECTION LABEL

章節標籤以三個斜線加一個空格開頭——使用 Roboto Mono、全大寫、字距加寬。斜線是實際輸入的字元,不是繪製的圖形。

語氣與風格

少說,但說到位。

從標題到按鈕文字,Protocore 的每一行文案都遵循五條規則。

01簡短的陳述句一句話只講一件事。能刪的子句都刪掉。
02具體的數字只用真實數據——十二項產品,一個核心。寧可不放數字,也不要四捨五入灌水。
03不用浮誇形容詞革命性、無縫、尖端——見到就刪。讓名詞來說話。
04不做法規聲明品牌文案中,不得陳述或暗示執照、登記或合規狀態。
05句首大寫介面文案、標題與按鈕使用句首大寫。大寫僅限等寬字型標籤。

命名

產品皆冠以家族名稱。

一套模式,無一例外。

首次提及
使用全名——「Protocore Pay」、「Protocore Gateway」。之後僅稱產品名稱。
PDS
Protocore Design System 的縮寫。首次提及時請寫全稱,之後使用 PDS。
公司
Protocore——一個單字,P 大寫。不可寫成 ProtoCore、PROTOCORE 或 Proto Core。

使用方式

這樣做,別那樣做。

新聞資料包中的規則,延伸適用於整個系統。

建議
  • 01四周保留與標誌寬度相等的留白。
  • 02淺色背景用黑色版本,深色背景用白色版本。
  • 03強調色版本僅用於墨黑(#0a0a0a)底面。
  • 04請以 SVG 檔縮放——標誌在任何尺寸下都保持清晰。
  • 05版位為方形時,使用直式組合標誌。
  • 06高度低於 16 px 時,改用單獨的標誌。
避免
  • 01除提供的版本外,不要為標誌重新配色。
  • 02請勿旋轉、描邊,或加上陰影及其他效果。
  • 03請勿重新繪製標誌或改變其比例。
  • 04請勿以其他字體排印 Protocore 名稱——組合標誌一律使用 Roboto Medium。
  • 05不要將強調綠色置於白底——白底上的強調文字請使用 #0e9e6e。
  • 06不要將標誌放在照片或漸層上——僅限純墨色或紙色底。