品牌與標誌使用指引

使用 LearnSys EduFlow 品牌素材時,請遵守以下指引,以維持一致的品牌形象。


完整標誌(主要版本)

主要標誌結合圖示與「LearnSys EduFlow」字樣。空間許可時請使用此版本,寬度至少為 120 px,確保清晰易讀。

淺色背景 淺色背景上的 EduFlow 完整標誌

1034 × 265 px · 透明背景

深色背景 深色背景上的 EduFlow 完整標誌

1034 × 265 px · 白色版本


圖示標誌

空間較小、無法放置完整標誌時,可使用獨立圖示,例如應用程式圖示、社交媒體頭像及通知標記。建議最小尺寸為 32 × 32 px。

淺色背景 淺色背景上的 EduFlow 圖示

403 × 402 px

深色背景 深色背景上的 EduFlow 圖示

403 × 402 px · 白色版本


純文字標誌

當附近已顯示圖示(例如應用程式側欄或網站圖示旁),可使用純文字標誌,避免重複。

淺色背景 淺色背景上的 EduFlow 文字標誌

613 × 192 px

深色背景 深色背景上的 EduFlow 文字標誌

613 × 193 px · 白色版本


網站圖示

網站圖示是品牌的最小顯示版本,用於瀏覽器分頁、書籤及作業系統工作列,提供多種解像度的 ICO 格式。

網站圖示
EduFlow 網站圖示

多種解像度 · 16 / 24 / 32 / 48 / 64 px


品牌色彩

品牌主要使用藍色、深藍色及紅色重點色,可搭配以下中性色作文字及背景。

主要色彩

品牌藍

#2563eb

品牌深藍

#1d4ed8

重點紅

#ef4444

延伸色彩

藍色 50

#f0f7ff

藍色 100

#e0effe

藍色 500

#3b82f6

藍色 900

#1e3a5f

文字與中性色

標題

#0f172a

輔助文字

#475569

內文

#6b7280

白色

#ffffff


使用規則

建議做法

  • 在簡潔的背景上使用標誌
  • 標誌四周保留相等於圖示高度的空白
  • 深色或照片背景請使用白色版本
  • 將標誌連結至 EduFlow 首頁
  • 網站使用 SVG;文件及社交媒體使用 PNG

避免做法

  • 拉伸、旋轉或傾斜標誌
  • 更改品牌色彩或替換圖示顏色
  • 加入陰影、外框或特效
  • 將標誌放在雜亂或對比不足的背景上
  • 使用其他字體重新製作標誌

快速參考表

按使用位置選擇合適版本。

使用位置 建議版本 最小尺寸
網站頁首/頁尾 完整標誌 寬度 120 px
流動應用程式圖示 圖示標誌 48 × 48 px
社交媒體頭像 圖示標誌 64 × 64 px
瀏覽器分頁/書籤 網站圖示(ICO/SVG) 16 × 16 px
印刷/PDF 文件 完整標誌(PNG) 寬度 1034 px
電郵簽名 純文字或完整標誌 寬度 200 px
深色介面/深色投影片 白色版本(*w.png) 寬度 120 px

如有品牌使用問題,請聯絡 [email protected].