每一步，
都係成長。

AI + Growth = Aigro。幫香港中小企同專業人士，用 AI 做出真成果。每個會員都係一粒星；Ai 陪你一步步發光。

五個記認：兩粒點、成長環、Gro 同 Ai、蜜糖星、紙同墨。每個接觸點至少用兩個。

只用正式字標，唔重畫、唔重打、唔改色。螢幕最少 80px、印刷最少 20mm；四邊留白至少一個「a」嘅高度。

App mark 與檔案格式

SVG 字標檔只係無損內嵌 PNG，唔係向量母版。大型印刷前先索取真正向量檔。唔好拉闊、加陰影或放喺複雜背景。

App mark PNG

紙 60%、墨 25%、成長 9%、Ai 藍 5%、蜜糖金 1%。一屏只用一個重點色。主按鈕用 Navy；藍色只屬 Ai，Honey 只屬成就。以下品牌色唔隨主題改變。

介面色：跟隨日夜主題

用頁首日夜按鈕比較。lime／ink 係舊代碼名，依家代表 Navy／Cream 操作色，唔再係螢光綠。小字用通過對比檢查嘅 success、ai、honey-ink token，唔直接用裝飾色。

中英文字與數字統一用 Noto Sans HK，系統 fallback 係 PingFang HK。內文 400、標題 600、大數字 700。中文最細 13px，內文 16px／1.7，長文最多 44rem。

Gro 係成長中嘅會員；Ai 係藍色 AI 拍檔。日常畫面最多一隻 Gro、一隻 Ai。唔改比例、唔加新表情、唔做 3D，亦唔用喺正式夜間物料。以下係素材索引，展示所有姿勢；唔係建議同一畫面一次過用晒。

Gro · 會員

Ai · AI 拍檔

十級，五個階段：學、做、交付、分享、帶人。成長環固定十格，頂部留開口放兩粒點。以下係品牌圖稿；解鎖條件未定，唔代表已啟用獎勵系統。

下載 SVG

下載 SVG

下載 SVG

下載 SVG

下載 SVG

下載 SVG

下載 SVG

下載 SVG

下載 SVG

下載 SVG

SVG

SVG

SVG

沿用 beta 嘅封面、插圖同空白狀態。真人相片只用本人同意嘅原相；生成場景只作示意，唔當成真實活動或成果證據。圖稿內唔加新標題、數字或 CTA。

專題封面 8 款

攝影風格示意圖 9 款

橫幅與活動 14 款

內容封面 8 款

場景插圖 12 款

導師封面 5 款

空白狀態 5 款

DAY / 日間面

學習、情報、社群

Cream 紙、白卡、Navy 字。Gro 同 Ai 幫手指路；Teal 表示進度。社交圖一張只講一件事。

NIGHT / 夜間面

大師班、會員卡、證書

Navy 底、Honey 細線，用正式字標或真人導師相。唔放吉祥物；唔用金色大色塊。網站深色模式係閱讀偏好，唔等於夜間活動模板。

應用示例唔代表課程、會員卡或證書服務已上線。合作物料保留雙方 logo 淨空間，唔暗示未確認合作。

用同一個品牌，講唔同嘅故事。以下係可下載、可編輯嘅 SVG 排版範本；文案係示例，唔係已發佈活動。

Social / Editorial

先講清楚， 再吸引目光。

標題最多兩行，副題一句，下一步一個。Logo、標題同來源保持完整；吉祥物做陪伴，唔搶主題。

• Feed：四邊最少 72px；標題建議 12 個中文字內。
• Story：頂／底各留 250px；重要文字避開平台控制。
• 示例尺寸係製作規格，發佈前再檢查平台裁切。
• SVG 文字需要 Noto Sans HK；內嵌字標仍然係 PNG。

下載所選 SVG

Carousel 三頁組合

封面內容結尾

Caption：一句重點 → 三個做法 → 原文來源 → 一個下一步。附圖寫替代文字；唔靠圖內文字做唯一資訊。

頁首負責指路，頁尾負責接住下一步。以下係排版示例；連結會帶你去現有公開頁面。

Page header / 01

將靈感，變成下一步。

一個清楚嘅標題、一句介紹、一個主要行動。

手機：64px 導覽高度

手機保留 Logo 同選單。展開時焦點留喺選單，Escape 關閉並返回觸發鍵。頁尾連結最少 44px 點擊區；唔用固定頁尾遮住表單。

導師用真人相，AI 分身用 Ai 標識。姓名、專長、可核實嘅介紹同服務狀態，永遠比裝飾重要。以下係虛構示例。

AC

示例身份 · 非真實導師

Alex Chan

AI 工作流程 · 文件自動化

由一份重複做嘅文件開始，拆解可以試行嘅工作流程。

個人資料待審AI 分身準備中

睇 AI 分身示例

證據與來源

列出已授權教材、原文連結及更新日期；無資料時顯示「未提供」。

相片

1:1 正面照，建議 800px；保留頭頂及下巴，唔用 AI 重畫真人。

封面

1600 × 600；相片重點唔放邊緣，手機切到中間仍然完整。

資料順序

姓名 → 專長 → 一句介紹 → 已確認身份 → 一個主要行動 → 來源。

不可捏造

無依據唔顯示學生數、評分或成果；AI 分身唔等於真人在線。

身份、能力同在線狀態分開處理。顏色配文字同圖示；唔可以單靠一粒綠點表示可聯絡。以下係狀態標本，唔係授予任何人資格。

互動設計標本：輸入及回覆只留喺本頁記憶體，唔會傳送或儲存。切換歡迎、處理中、有來源、錯誤同真人離線狀態。

Aigro AI 分身

設計示例 · AI 回答

你好，想由邊個工作流程開始？

試寫一條訊息

0/600預覽示例回覆

對話契約

• 真人／AI 身份，喺每次對話清楚標示。
• 有來源先引用；來源不足講明唔確定。
• 錯誤保留草稿；重試由用戶觸發，唔重複送出。
• 唔好假裝真人打字、在線，或已成功交接。
• 手機輸入框要避開鍵盤及底部導覽。

重設示例

以原生表單、可見焦點、44px 操作區同清楚狀態，組成一致嘅介面。圖形可獨立下載，唔需要重新畫吉祥物。

發佈前檢查

• 至少兩個品牌記認；一頁一種場景。
• 字標原樣、比例正確、淨空間足夠。
• Navy 主按鈕；Blue 只屬 Ai；Honey 只屬成就。
• 字體、對比、鍵盤操作、手機及深色模式都測試。
• 每屏最多一隻 Gro、一隻 Ai；夜間物料唔用。
• 數字有來源、相片有授權、狀態唔誇大。