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

图标