設計系統 / M0
墨水 ・ 紙張 ・ 螢光筆
所有顏色都走 token,元件裡沒有一個寫死的色碼。 右上角切換亮/暗/跟隨系統,這一頁的每個東西都應該跟著換。
表面
紙張是微暖白而不是米色 —— 米色配襯線是現在到處都看得到的樣子。
paper頁面底
surface卡片
surface-sunk凹陷區
文字與線
中性色帶一點藍調,跟墨綠的重點色同一個方向。
ink主要文字
ink-muted次要文字
ink-faint標籤、佔位
rule分隔線
重點色與語意色
語意色(成功/提醒/錯誤)跟 accent 分開,兩者不混用。
accent連結、互動
ok成功
warn提醒
danger錯誤
螢光筆
整套設計裡唯一高彩度的東西。只用在筆記重點與關鍵陳述,不當裝飾。
免費方案 50 MB,含原檔一張約 3.9 MB,所以預設只放得下約 13 張圖。刪掉原檔那張圖會掉回 0.42 MB,同樣的空間就能放約 120 張。
字體
標題襯線、內文黑體、數字與程式碼等寬。
Noto Serif TC 700 ・ 標題
整理好的筆記
Noto Sans TC 400 ・ 內文
行寬控制在 34–38 個中文字,行高 1.8。太寬的段落讀到行尾會找不到下一行的開頭, 這是中文長文最常見的可讀性問題。
JetBrains Mono ・ 數字與程式碼
38.2 MB / 50.0 MB ・ 13 張 ・ v0.2
按鈕
主要動作一個就好。同一個畫面出現兩個 primary,等於沒有主要動作。
標記
狀態一眼可辨,不必讀完整句話。
私人公開已存成 v3連結 42 分鐘後失效空間不足
容量條
因為原檔計入配額,這裡必須拆出「原檔」與「筆記用圖」,使用者才看得懂刪原檔能換回多少。
剛開始用
儲存空間7.8 MB / 50.0 MB
原檔 7.0 MB筆記用圖 860 KB
快滿了
儲存空間42.7 MB / 50.0 MB
原檔 38.4 MB筆記用圖 4.3 MB
空間快滿了。刪除原檔可釋放 38.4 MB,筆記中的圖片不受影響。
提醒
說清楚發生什麼事、下一步怎麼辦。不道歉,也不含糊。
連結還要留著嗎?
這張圖的公開連結還有 42 分鐘失效。筆記已經存好了,現在收回也不影響。
空間快滿了
已用 42.7 MB / 50 MB。刪除原檔可釋放 38.4 MB,筆記中的圖片不受影響。
這次上傳會超過額度
3 個檔案共 11.4 MB,可用空間只剩 7.3 MB。請先刪除部分原檔,或改成分批上傳。
表單
錯誤訊息蓋掉提示,不同時顯示兩行讓人分心。
留白會自動用第一行內容當標題
密碼至少要 10 個字元
會併進提示詞一起送給 AI