Master CSS 品牌
Master CSS 的標誌、金色、字體與文字語氣，以及原始圖像與使用規範。
本頁內容
#品牌識別
Master CSS 是以標記驅動的 CSS 協調語言，服務開發者與 AI 代理。品牌識別與產品做出相同承諾：決策明確、關係可讀，細節彼此連貫。
- 清楚是第一要務。 工作內容優先；文字、程式碼與資料各有明確位置。
- 讀得懂的系統。 共用數值、穩定節奏與有意識的狀態，將各部分串連起來。
- 精準而有溫度。 結構保持中性，金色只加入一個小而鮮明的溫暖焦點。
本頁定義標誌、金色、字體與文字語氣；設計系統則將這些原則帶入介面的材質、控制項、版面與動態效果。
#標誌
M 標誌與橫式標準字是品牌識別組合。緊湊空間使用獨立標誌，需要讀出名稱時則以標準字介紹 Master CSS。兩者都來自核定的 Master 品牌識別 v2 圖像，各有適用淺色與深色背景的版本。
橫式標準字
| 圖像 | SVG 畫布 | 最小尺寸 | 淨空 |
|---|---|---|---|
| 標誌 | 216.6 × 120 | 高 24px | 標誌高度的一半 |
| 小型標誌 | 216.6 × 120 | 高 16px 至未滿 24px | 標誌高度的一半 |
| 橫式標準字 | 1197.53 × 130.26 | 高 16px，或印刷寬 25mm | 一個字標的 x-height |
| 立體圖像 | — | 標誌高至少 64px | 與平面版相同 |
最小尺寸
以實際 CSS 像素顯示
小型標誌 · 16px標誌 · 24px標準字 · 16px使用提供的圖像、保持比例，並選擇為該背景製作的版本。
不可重繪、拉伸、旋轉、改色或加入效果，也不可讓文字與邊緣侵入淨空。
#色彩
金色用來辨識品牌，周圍介面維持中性。每個檢視只設一個金色焦點，例如標誌，或重要操作旁的一個訊號；狀態意義與可讀內容則交由文字傳達。
#FDE2A7 → #E6B65D#FCDD98 → #E6B65D--color-amber-40兩種標誌版本共用連續的垂直香檳金漸層與柔和翼部陰影，請保留提供 SVG 中的每個色標。中性角色、材質與狀態色由設計系統維護，完整色盤則位於色彩參考文件。
#字體排版
Geist 用於介面與拉丁文字，Noto Sans TC 用於繁體中文，IBM Plex Mono 用於程式碼、識別字與需要對齊的數字。字體無法使用時，回退至系統 sans-serif 或 monospace。
中文字距應保持自然；會變動或需要對齊的數值使用等寬數字，長標題則換行，不要縮小。字級尺度請參閱文字參考文件。
#文字語氣
以體貼的協作者語氣撰寫。從讀者的任務開始，精確指出對象，並以淺白文字說明結果。主張應貼近產品能實際證明的範圍。
| 情境 | 清楚實用 | 應避免 |
|---|---|---|
| 介紹產品 | 在標記中使用 class 名稱與設計 tokens 編寫樣式。 | 終極、革命性的樣式體驗。 |
| 引導操作 | 複製色彩變數。 | 釋放色盤的全部潛能。 |
| 說明結果 | 已複製 var(--color-amber-40)。 | 成功！一切準備就緒。 |
| 撰寫繁體中文 | 在標記中編寫樣式，使用共用的設計 tokens。 | 透過極致創新的方案，全面賦能設計體驗。 |
英文標題使用句首大寫，內文名稱寫作「Master CSS」。英文與繁體中文應傳達相同意思，API 名稱與 class 字串保持原樣。訊息要說明實際發生的事，必要時提供有用的下一步。
#下載
標準字與標誌可用於文章、影片、文件與整合頁面。每個檔案都是透明 SVG，請選擇適合背景的版本並保持比例。
#標準字
#標誌
深色背景用標誌
標準平面標誌，適用高度 24px 以上。
淺色背景用標誌
標準平面標誌，適用高度 24px 以上。
深色背景用小型標誌
較寬間隙，適用高度 16px 至未滿 24px。
淺色背景用小型標誌
較寬間隙，適用高度 16px 至未滿 24px。
完整資產包另含直式識別組合、字標、單色與立體圖像、PNG 匯出、圖示及社群圖片，並附使用說明與來源 manifest。寫作工具與 AI 代理可以 Markdown 閱讀本頁。
#商標政策
「Master CSS」、Master CSS 標誌與相關標記，是 Aoyue Design 所有的商標，代表本專案與社群。請依下列方式使用。
#可以進行的使用
- 在教育內容、部落格文章、教學與開放原始碼工具中提及「Master CSS」。
- 說明專案是「built with」、「powered by」或「compatible with」Master CSS。
- 在部落格文章、影片、介面模型與外掛文件中顯示標誌，或用來表示與 Master CSS 的整合或支援關係。
- 按比例調整標誌大小，保留原始長寬比。
#不可進行的使用
- 將「Master CSS」或標誌用於產品、網域或公司名稱，例如
mastercss-tools.io或Master CSS UI。 - 未正式合作，卻將專案描述為官方或獲得背書。
- 未取得書面同意，販售 T 恤或貼紙等商品，或將標誌放在商品上。
- 修改標誌的顏色、形狀或方向，或加入陰影、漸層及其他視覺效果。
- 將標誌作為自己的標誌或產品識別的一部分。
#名稱使用
名稱請寫作 Master CSS，例如「Built with Master CSS」或「Powered by Master CSS」。不可寫成 mastercss、MASTERcss 或 CSSMaster。