品牌工具 🎨

如果您需要一些 Scallop的照片,您可以聯絡我們!

下載品牌工具包


標誌組合形式(Logo Configurations)

Scallop 的標誌是一個扇貝圖案,除了代表品牌名稱,也呼應了 Sui 區塊鏈的海洋主題。

請以這四種標誌組合形式呈現 Scallop 標誌,並搭配適合的配色規範使用,以確保標誌在各種情境下都具備良好辨識度與可讀性。

  • 遇到特殊節日或活動時,例如新年、聖誕節、農曆新年或各種行銷活動,我們也會推出特別版的標誌。這些設計會用在 Scallop 的 DApp 和社群媒體上。

    不過,如果是跟其他單位合作,請務必使用這份品牌手冊裡提供的標準版標誌,不要使用節慶版。

  • 在文字中提到品牌名稱時,請將首字母大寫,寫成:「Scallop」 。

Cover

標準標誌 (Logotype)

請盡可能使用此版本,這是 Scallop 最具代表性的標誌形式。

Cover

垂直標誌 (Vertical Logotype)

當橫向空間不足時,建議使用此垂直排列的版本。

Cover

圖形標誌 (Logomark)

可作為標準標誌的簡化替代,用於空間有限或需縮圖的情境。

Cover

文字標誌 (Wordmark)

僅限於其他組合不適用時使用。

標誌配色規範 (Logo Color Configurations)

請依照以下配色方案使用 Scallop 標誌,以保持品牌一致性並確保其在不同背景下皆具備良好可讀性。

Cover

主色配置

白色字樣的標準字標,為首選版本,建議優先使用。

Cover

反白配色

黑色字樣的標準字標,適用於亮色背景無法使用主色時。

Cover

淺灰單色

限於特定情境(如印刷限制)使用,應用於深色背景上。

Cover

深灰單色

限於特定情境(如印刷限制)使用,應用於淺色背景上。

標誌的最少預留空間

為確保標誌清晰且具視覺效果,四周需保留最小留白區域。

請以字標中的字母 「o」 作為間距參考,不得在留白區域中放置任何文字、圖形或其他元素。

Scallop Logo Clearspace Guide

標誌使用注意事項

標誌使用注意事項
務必在所有應用中,使用本手冊核准的標誌組合形式與配色規範
Scallop logo placement guide
請勿不等比例縮放或變形標誌
Scallop logo placement guide
請勿使用低畫質的標誌
Scallop logo placement guide
請勿在合作或正式場合使用季節性標誌
Scallop logo placement guide
請勿在標誌上加入任何效果
Scallop logo placement guide
請勿旋轉標誌

Scallop Labs

Scallop Labs 致力於在 Sui 上打造安全且資本效率高的 DeFi 基礎建設。我們同時也是 Scallop 全系列產品背後的團隊。

團隊成員分布於亞太地區,擁有 DeFi、資安、金融科技、全球黑客松、演算法競賽、CTF 挑戰,以及量化交易等多元背景。

下載 Scallop Labs 標誌

Scallop Labs 標誌

子品牌 (Sub-brands)

Scallop 旗下有些產品或服務還沒有獨立品牌,這時候我們會統一使用這通用版式 來維持整體的一致性。

子品牌的標誌會由 Scallop 的標準標誌,加上子品牌名稱組成。我們會透過字體大小和粗細的變化,來凸顯主品牌 Scallop 的存在。請參考下方的示範範例。

下載子品牌標誌

子品牌標誌: Scallop Lend

子品牌標誌: Scallop Swap

子品牌標誌: Scallop Tools

配色

品牌配色 (Brand Colors)

以下為 Scallop 的主要品牌配色,展現品牌個性與視覺風格。

整體配色靈感來自潛水時所見的海洋景致,結合藍色與珊瑚色,傳達與海洋的連結、專業感以及自然永續的理念。

Cover

Ocean

Scallop 的深藍色 HEX: #1E2D45 RGB: 30/45/69 CMYK: 54/38/0/73 PMS: 533C

品牌主色之一,常用於背景、圖形與建立整體品牌氛圍。

Cover

Bubble

Scallop 的淺藍色 HEX: #9CD0DD RGB: 156/208/221 CMYK: 29/6/0/13

請用於行動呼籲(CTA)、互動式元素,或需要製造視覺對比的地方。建議適量使用以突顯重點。

Cover

Sand

Scallop 的蜜桃色 HEX: #F1D6C8 RGB: 241/214/200 CMYK: 0/11/17/5

此色應用於標誌圓形,可作為文字或圖形元素的點綴色,呼應品牌視覺識別。

Cover

Twilight

Scallop 的灰藍色 HEX: #334664
 RGB: 51/70/100 CMYK: 49/30/0/61

可作為分段背景使用,也是 Ocean 的替代色。

Cover

Mist

Scallop 的灰色 HEX: #ABB0C0 RGB: 171/176/192 CMYK: 11/8/0/25

此色也應用於標誌中,可作為中性的輔助配色。

Cover

Night

Scallop 的黑色 HEX: #000000 RGB: 0/0/0 CMYK: 100/100/100/100

淺色背景上的主要文字色,同時作為中性的輔助配色。

Cover

Pearl

Scallop 的白色 HEX: #FFFFFF RGB: 255/255/255 CMYK: 0/0/0/0

主要長篇文字用色,同時作為中性的輔助配色。

功能配色 (Functional Colors)

這些顏色主要用於 App 介面和宣傳素材中,用來傳達特定的狀態或意義。

Cover

Green

HEX: #7BBBA7 RGB: 123/187/167 CMYK: 34/0/11/27

Cover

Red

HEX: #CA6460 RGB: 202/100/96 CMYK: 0/50/52/21

Cover

Yellow

HEX: #E8D997 RGB: 232/217/151 CMYK: 0/6/35/9

字體系統 (Typography)

Scallop 品牌在行銷設計與產品介面上,統一使用 Poppins 與 Roboto 字體。

Last updated

Was this helpful?