清楚 Clear
先讓人理解，再讓人行動。層級、文字與狀態都必須直覺。
NYCU LIFE · Brand system 2.0
把校園生活，整理成一個好入口。
以竹狐的靈活與溫度，串起資訊、知識與每天的校園生活。這裡是 NYCU LIFE 的品牌識別、數位設計系統與 AI UI Skill。
01 / BRAND
陪你找到答案，也陪你過生活。
NYCU LIFE 不只是資訊彙整工具，而是一個理解學生情境的校園生活入口。品牌以狐狸代表靈活與智慧，以書本代表知識，以鉛筆代表行動，把複雜資訊變得清楚、親近、可用。
連結 Connected
把分散的校園知識與服務串成一條完整、可信任的路徑。
有溫度 Warm
用友善、具體而不官僚的語氣，陪伴每一個校園日常。
THE FOX, BOOK & PENCIL
一個標誌，四層校園寓意。
- 竹狐呼應陽明交大校園文化，象徵靈活、智慧與陪伴。
- 書本耳朵上方的翻頁線條，代表知識與資訊的匯集。
- C 字尾巴尾巴環繞出 NYCU 的 C，建立品牌辨識與連結。
- 鉛筆筆尖尾端轉化為筆尖，讓資訊最終回到學生的行動。
02 / IDENTITY
識別不是一張圖，而是一套使用規則。
完整資產庫包含六種構型、十二個 SVG。每種構型都同時展示淺色模式的藍色版與深色模式的白色版；保留原始比例與色彩，不重畫、不變形、不加陰影。
標準化製圖
基本標誌以正方形網格、中心軸與相互銜接的圓弧建立比例關係。圖面以向量方式呈現，放大仍保持銳利；製圖線不是 Logo 的正式輸出內容。
- 基準框
- 以標誌主體的外接正方形作為比例基準。
- 中心軸
- 臉部、鼻尖與尾部交會點沿中央垂直軸配置。
- 圓弧系統
- 外輪廓、臉部與尾巴以相切圓弧維持柔和一致的曲率。
- 正式使用
- 一律使用官方 SVG，不依照格線重新描繪或調整節點。
暫行安全距離
正式 master rule 發布前，四周至少保留基本標誌寬度的 1/4。
暫行最小尺寸
基本標誌至少 32px；橫式組合建議至少 140px。正式值待品牌方確認。
禁止變形
不得拉伸、旋轉、描邊、套用漸層，亦不得自行替換 Logo 文字。
03 / FOUNDATIONS
從品牌藍，走向可用的數位系統。
正式 Logo 藍與互動藍各司其職：#0922E7 固守品牌識別，#0045F2 用於按鈕與操作。所有文字與狀態皆透過 semantic tokens 達成一般文字 WCAG AA。
點選色票即可複製色碼。
查看完整 Light／Dark palette 與對比規則校園 Life.
TYPOGRAPHY
清楚的無襯線字體，讓雙語資訊都能快速閱讀。
網站、介面與長文統一使用 Noto Sans TC，讓繁中與英文共享一致的節奏。只使用 400、500、600、700 四種字重；不要用 heading level 表示字級，改用 display、title、heading、body 等視覺角色。
Display 42–76Title 30–48Heading 20–30Body 16 / 1.75
04 / DIGITAL UI
每個狀態，都要讓人知道下一步。
元件以 semantic tokens 建立 light / dark 兩套角色；互動區至少 44×44px，具備 hover、pressed、focus-visible、disabled、loading 與錯誤回饋。
18JUL
校園活動
跨校區夏日生活節
光復校區 · 16:30–20:30
已收藏已額滿已取消已結束
已加入行程
活動會在開始前 30 分鐘提醒你。
正在更新
正在同步最新的校園資訊。
連線中斷
請檢查網路後再試一次。
NYCU LIFE UI SKILL
讓 AI 也懂得怎麼做 NYCU LIFE。
Skill 會引導 agent 選對 Logo、套用 semantic tokens、完成 responsive 與 dark mode，並在交付前檢查鍵盤操作、焦點與色彩對比。
npx skills add nycu-life/nycu-life-ui-skill
範例：「Use $nycu-life-ui to brand and review this event page for mobile, dark mode, and accessibility.」
05 / RESOURCES