愛筆記iNote

設計系統 / 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