AL-TOUCH / BRAND GUIDELINES品牌识别手册 / 01.1

Brand
guidelines每次连接,一致识别。

从完整字标到小小的 AL 图标,以一致的比例、留白与色彩,传递 AL-Touch 的专业、信任与连接精神。

主品牌字标01 / AL-TOUCH
AL-Touch
AL精简品牌图标
AL / 1:1
ALIGN & LINK · 人 / 科技 / 商业
02 / 尺寸与图标

大与小,都要一眼认出。

完整品牌名称用于网站、演示文稿及正式文件。AL 图标用于浏览器标签、快捷方式及空间有限的位置。

主 LOGO 最小尺寸

AL-Touch屏幕:宽 140 px 起 · 印刷:宽 25 mm 起

小于此尺寸时,改用 AL 图标。印刷前按纸张与工艺确认清晰度。

AL 图标

AL
16px
AL
24px
AL
32px
AL
48px
屏幕最小 16 × 16 px;一般界面建议 32 px 或以上。保留正方形画布,外围至少留 0.25D,D 为图标宽度。

屏幕最小 16 × 16 px;一般界面建议 32 px 或以上。保留正方形画布,外围至少留 0.25D,D 为图标宽度。

03 / 品牌色彩

深蓝建立信任,鲜绿突出重点。

保持大面积白色与深蓝,只在重点按钮、细线、箭头及选中状态使用少量鲜绿。

01 / NAVY

品牌深蓝

#142E40

RGB 20, 46, 64

主 LOGO、正文及主要识别。网站深色区域可沿用 #203845。

02 / LIME

鲜明黄绿

#A9D33F

RGB 169, 211, 63

品牌图标、主要操作及少量重点。配深蓝文字,避免鲜绿小字放在白底。

03 / SOFT WHITE

柔白底色

#F4F6F1

RGB 244, 246, 241

页面底色与留白,让文字与图片更易阅读。

版面用色参考:约 70% 白/柔白、25% 深蓝、5% 鲜绿;按内容调整,并非强制比例。

深蓝 #142E40 配鲜绿 #A9D33F 的文字对比约为 8.08:1。

04 / 字体层级

用清晰层级,建立阅读节奏。

为网站、提案与日常沟通建立实用的字体系统。品牌标志使用原始图稿,与正文字体分开处理。

Aa / 字 / 0123
连接科技,
创造价值。
理解人的需要,连接商业的可能。

先了解需要,再连接合适的系统。让每个接触点清楚、可靠,切实支持日常工作。

清楚、熟悉、有条理。

Arial + 本机中文字体

英文使用 Arial,并以系统无衬线字体备用。繁体使用微软正黑体/PingFang TC;简体使用微软雅黑/PingFang SC。优先采用设备现有字体,无需额外加载外部字体。

用途字号 / 行高字重
主视觉标题48–72 px / 1.08–1.15700
章节标题32–48 px / 1.2–1.35700
小标题20–24 px / 1.4700
正文16–18 px / 1.65–1.85400
标签 / 图注12–14 px / 1.5400–700

以上为数字版面参考;手机主标题可降至 32–44 px。每行约 45–75 个英文字符或 24–36 个汉字,中文避免使用过大的字距。

05 / 版式与图形

让每一次连接,都有秩序。

以共同对齐轴、充足留白及简洁连线建立图形语言,帮助阅读与理解,让品牌保持清晰。

01 / ALIGN

对齐,建立秩序

LOGO、标题与正文沿同一基准线排列。电脑可用 12 栏,手机可用 4 栏。

02 / LINK

连线,表达关系

用一条细线连接相关内容;路径保持简单,起点与终点清楚。

03 / TOUCH

重点,指向下一步

以小面积鲜绿节点、箭头或按钮提示操作。装饰图形须留在 LOGO 安全范围以外。

8 px 间距系统

以 8 / 16 / 24 / 32 / 48 / 64 px 递进。数字版面参考:手机左右留 20–24 px,电脑栏距 24 px,内容最大宽度 1,200 px。

8
16
24
32
48
64
06 / 正确使用

保持识别,不加多余效果。

选择清楚、简洁的背景。使用原始文件或提供的白色版本,保持品牌一致。

AL-Touch

深蓝字标放在白色/柔白底

AL-Touch

白色字标放在深蓝底

AL-Touch

鲜绿图标保留深蓝 AL

AL-Touch

不要压扁或拉长

AL-Touch

不要改变原有倾斜角度

AL-Touch

不要加阴影、描边或光晕

07 / 品牌理念

AL 是方向,Touch 是连接。

我们以 Align & Link 诠释 AL 的服务理念:先理解业务需要,再把人、设备与系统连接起来。

连接科技,让沟通创造价值。
Align

对准需要

先理解企业的目标、流程与限制,让 IT 决策对准真正需要解决的问题。

Link

连接价值

整合网络、设备、系统与数据,让每个部分互相配合,支持日常工作。

Touch

让沟通发生

人与人、人与设备、设备与系统之间,每个接触点都应清晰、可靠、容易使用。

品牌理念的诠释:AL = Align & Link。有效沟通,是科技为商业创造价值的起点。

08 / 应用示例

把一致的识别,带到实际使用。

以一致对齐、克制用色及清晰层级,连接网站与商业文件。以下为版式示例,并非已完成的印刷品或真实员工资料。

AL-Touch01 /
企业方案提案连接科技,
创造价值。
AL-Touch Solutions版式示例

01 / 提案封面

清楚的主题、充足边距与一组连接图形。主字标保持原有比例。

AL-Touch
[姓名][职位/团队]
www.al-touch.com.hk
AL

02 / 名片

联系资料靠左对齐。鲜绿图标放在背面或用作小面积点缀。

[姓名]

[职位/团队]
AL-Touch Solutions
[公司邮箱]·[电话]

www.al-touch.com.hk

03 / 邮件签名

以精简字标及可选取文字呈现重要资料,减少装饰图标与宣传横幅。

09 / 下载素材

同一套素材,用在每个接触点。

下载矢量 LOGO、AL 图标、PNG 文件、网站图标及留白示意图。保留原有比例与色彩。

品牌素材 v1.1 · SVG / PNG / ICO · sRGB 数字图稿

完整品牌素材包

SVG、透明 PNG、网站图标、Apple 图标及留白规范。

下载 ZIP

LOGO 留白规范图

可缩放的矢量示意图,方便设计与制作交接。

下载 SVG

品牌规范一页图

品牌标志、色彩与留白的快速参考。

下载 PNG