Skip to main content

Filo 品牌指南

01 Logo

Download下載

我們的 Logo 是識別 FiloMail 品牌最具標誌性的方式。以下部分概述了我們的 Logo 如何在不同場景、格式和傳播中進行調整應用。

Logo Horizontal

標準組合規範(橫向排列)

Logo Horizontal Clearspace

安全空間(橫向排列)

Logo Vertical

標準組合規範(縱向排列)

Logo Vertical Mono

安全空間(縱向排列)

02 應用與社群圖標

Download下載

本部分規定了應用圖標的使用標準及其最小使用尺寸,同時定義了社群媒體頭像在不同場景下的使用方法。

App Icon on light backdrop

淺色背景上

App Icon on dark backdrop

深色背景上

The minimum display size

最小顯示尺寸

Social Icons Light

淺色背景上的社群圖標

Social Icons Blue

藍色背景上的社群圖標

03 色彩

Download下載

主色

我們的核心色板是色彩策略的基礎,應作為品牌核心觸點的第一印象。其一致性使用建立了 FiloMail 品牌可識別的視覺標識,並由我們的輔助色板進行補充。

HEX #22A0FB

RGB 34 160 251

PMS 2382C

HEX #002346

RGB 0 35 70

PMS 540C

HEX #0D93F3

RGB 13 147 243

PMS 2382C

HEX #9DDEFF

RGB 157 222 255

PMS 2905C

HEX #EEF9FF

RGB 238 249 255

PMS 290C

HEX #EEF9FFHEX #FFFFFF
HEX #0D93F3HEX #22A0FBHEX #9DDEFF

輔助色

輔助色板擴展了我們品牌表達的範圍,使 FiloMail 能夠適應各種場景,同時保持愉悅和活力的精神。這些顏色可用於增加傳播的趣味性,或與特定圖像或訊息相配合。

HEX #A02313
HEX #CB8E0A
HEX #487E3E
HEX #26879A
HEX #5045A7
HEX #BA3970
HEX #DE6C45
HEX #EFBA49
HEX #52A643
HEX #4CB4C9
HEX #8374F1
HEX #E35F91
HEX #FFCFBF
HEX #FFE7B3
HEX #B3EAA9
HEX #A1E6F3
HEX #C4ABFF
HEX #FCB7D3

04 不同背景上的 Logo 使用

在核心色板為背景的場景中 Logo 應用的標準

Black 100%
Black 100%
Black 80%
Black 80%
Black 60%
Black 60%
Black 40%
Black 40%
Black 20%
NoBlack 20%
Black 10%
Black 10%
Blue 100%
NoBlue 100%
Blue 80%
NoBlue 80%
Blue 60%
NoBlue 60%
Blue 40%
NoBlue 40%
Blue 20%
Blue 20%
Blue 10%
Blue 10%
Blue 100%
Blue 100%
Blue 80%
Blue 80%
Blue 60%
Blue 60%
Blue 40%
Blue 40%
Blue 20%
NoBlue 20%
Blue 10%
NoBlue 10%

05 圖像上的 Logo 使用

我們的 Logo 應始終在圖像的上下文中清晰可辨並受到尊重。請確保背景圖片與 Logo 之間有足夠的對比度。

正確:Logo 與背景有足夠的對比度。
正確:Logo 與背景有足夠的對比度。
正確:Logo 與背景有足夠的對比度。
正確:Logo 與背景有足夠的對比度。
錯誤:Logo 位置與繁雜的背景相互干擾。
錯誤:Logo 位置與繁雜的背景相互干擾。
錯誤:Logo 位置與繁雜的背景相互干擾。
錯誤:Logo 位置與繁雜的背景相互干擾。

06 Logo 禁止使用示例

為確保我們的品牌標識保持一致性和影響力,Logo 不應被重新詮釋、修改或添加裝飾。本頁展示了一些需要避免的修改方式。

請勿拉伸或扭曲 Logo
請勿拉伸或扭曲 Logo
請勿旋轉 Logo
請勿旋轉 Logo
請勿更改 Logo 的對齊方式
請勿更改 Logo 的對齊方式
請勿給 Logo 添加描邊
請勿給 Logo 添加描邊
請勿使用低解析度的 Logo
請勿使用低解析度的 Logo
請勿將 Logo 用作遮罩
請勿將 Logo 用作遮罩
請勿添加發光或陰影等效果
請勿添加發光或陰影等效果
請勿在 Logo 上使用未經批准的顏色搭配
請勿在 Logo 上使用未經批准的顏色搭配
請勿更改符號與文字標識之間的比例關係
請勿更改符號與文字標識之間的比例關係

07 字體排版

Download下載

為適應不同場景的使用需求,我們選擇了兩款具有完整字重的 Google 字體:Maven Pro 用作標題字體,Montserrat 用於系統嵌入或正文。

Maven Pro Font

標題字體

Montserrat Font

正文字體

08 合作夥伴聯合 Logo

FiloMail Logo 可以與合作夥伴品牌及合作方的 Logo 進行聯合展示。以下是我們主要的橫向聯合 Logo 構建示例。

Partner Logo Lockup

Logo

Partner Icon Lockup

圖標