品牌
一座書架，兩本立著的書，一本斜靠著。請照原樣使用標誌、字標、色彩與字體。需要這裡沒有的素材，請先詢問。
下載全部素材ZIP · 185 KB · 8 個檔案
01
標誌
以 32 單位網格構成的實心幾何，縮小到 16px 仍然清晰。傾斜是整個系統裡唯一的斜線，讓標誌看起來出自人手，而不是產生器。
白底標誌日常底色
深色底標誌深色主題、影片卡片
紙色底標誌閱讀器主題、網站卡片
02
字標與組合標誌
Literata SemiBold，大寫 T，字距收緊至 −0.03em。名稱絕不使用 Inter：整個介面是灰階的，品牌是其中唯一的襯線元素。
Toread
Toread橫式 · 應用程式標頭、文件、電子郵件
Toread直式 · 初次啟動畫面、網站卡片
僅標誌 · favicon、分頁、導覽列、提示訊息
03
色彩
礦物色調：石灰岩、風化板岩、氧化銅。介面本身是灰階的，銅綠色是唯一帶有意義的顏色；它該用在哪裡，請見第 06 節的第一條規則。選取色票即可複製色碼。
04
字體
介面用 Inter，內文用 Literata，數值用 JetBrains Mono。三種字重，英文一律採用句首大寫（sentence case）。下面的數字就是完整的級距，沒有別的。
標題Literata 400
第一年教會我的事56/60 · 36/40 · 30/36 · tracking −0.02em
內文Literata 400
書架是我們最古老的介面，用來擺放那些打算回頭再看的東西；它之所以有用，是因為它讓待讀清單看得見，卻不吵鬧。18/30 · tracking 0 · measure 680px
介面Inter 400 / 500 / 600
貼上連結或 PDF貼上連結或 PDF貼上連結或 PDF12/16 · 13/18 · 14/20 · 15/22 · 18/26 · tracking 0, −0.01em above 18
數值JetBrains Mono 400
example.com · Mar 3, 2026 · 4 min12/16 · 13/18 · 網域、日期、數量、色碼、檔案大小
05
連結預覽
每個頁面都會在邊緣運算即時產生一張 1200×630 的預覽卡片，使用同一套版型：這裡是網站本身的卡片，每個已儲存項目也各有一張。
儲存內容後，卡片就會顯示在這裡。
06
標誌使用規則
五條規則。每一條都配上圖片，因為每一條談的都是標誌看起來如何，而不是如何描述它。
可以不要
標誌維持單色白底用墨色、深底用白色、紙面用紙上墨色。整個標誌絕不會是綠色的。
可以不要
留白為標誌寬度的固定比例四周留白為標誌寬度的三十二分之五，以書架橫線為基準測量。
Toread
可以不要
小於 120px 時只用標誌組合標誌需要 120px 的寬度；低於這個寬度時，改用標誌單獨承載品牌名稱。
已就緒可以不要
每個畫面只用一次綠色銅綠色只標示畫面上最重要的那一個元素：主要操作、圖示上傾斜的量體，或卡片上的語言標示列。絕不同時出現兩個。
可以不要不要
絕不描邊、拉伸或加色調不能加外框、不能非等比縮放、不能疊在綠色色塊上。
07
語氣
像圖書館員，不像教練。只陳述發生了什麼、提出下一步該做的一件事，然後不打擾文字本身。
陳述事實，不要歡呼已儲存到 Toread，約一分鐘後就緒。太棒了！你的文章正在處理中 🎉
每個畫面只用一個動詞貼上連結立即開始儲存你的第一篇文章
說明語言，而不是模型已翻譯為繁體中文 · 原文並列由 GPT 提供的 AI 翻譯
失敗時說明原因與下一步擷取失敗：該網站回傳 403。再試一次糟糕，發生錯誤了！抱歉！