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