精選 · 開放 · 免費

Anytype

一個私密、離線優先的數位協作工作空間。

01

設計氣質 DNA

您的筆記與工作流程的數位瑞士金庫

02

色彩

高對比的黑白基調，搭配單一暖色調漸層與獨特的襯線字體強調色以突顯重點。

03

字型

humanist-sans · monospace

• display76px · 300
• display-emphasis76px · 400
• h224px · 500
• body18px · 400
• small14px · 400

僅在主視覺區域內使用斜體襯線字體進行風格強調。 · 維持嚴格的黑白主要文字層級。 · 為大型展示字體使用寬裕的負字間距。

04

間距

主要區段之間的垂直節奏為 80px

05

表面 (圓角 / 陰影 / 邊線)

細黑色輪廓（1px）定義格線儲存格與一個帶有圓角的主視覺容器

06

版面

大型主視覺區域後接三欄式功能格線，透過細微的格線系統分隔。

07

動效與互動

覆蓋層與元素淡入淡出的流暢 opacity 過渡效果。 · 背景顏色與邊框變化使用標準的 cubic-bezier 緩動。 · 特定裝飾性或主視覺元素使用較長時間（1 秒）的過渡。

細微的顏色或 opacity 過渡效果。 · 按鈕與連結使用標準的游標指標互動。

08

組件

• button 膠囊形按鈕，實心黑色背景搭配白色文字，或透明背景搭配黑色文字。
• card 文字為主的功能卡片，透過 1px 黑色格線佈局分隔。
• chip 底部中央的浮動膠囊導覽，半透明背景搭配模糊效果。
• input 標準文字輸入框，極簡風格。
• hero 一個大型有邊框的容器，左側為大型字體，右側為黑白線條插圖。

09

文案語氣與禁用清單

• 語氣 直接、令人安心，並著重於使用者控制與隱私。
• 標題風格 大型、具衝擊力的標語，偶爾使用斜體襯線字體增添溫度。
• 按鈕文案 清晰、行動導向的文字置於高對比的膠囊按鈕內。

• 不要使用多種明亮的強調色——截圖顯示的是以黑色、白色與柔和漸層為主的調色盤
• 不要使用厚重的陰影或發光效果——截圖顯示的是平坦、有邊框的元素，無陰影
• 不要使用擁擠密集的佈局——截圖顯示的是寬裕的留白與清晰的格線結構
• 不要使用粗厚、圓角的容器——截圖顯示大部分區段使用細（1px）黑色邊框
• 不要使用全襯線字體系統——截圖顯示的是以無襯線字體為基礎，僅用襯線字體進行強調
• 不要使用深色模式作為主要主題——截圖顯示的是白色背景搭配黑色文字
• 避免: 技術術語
• 避免: 侵略性的銷售用語
• 避免: 複雜的企業語言
• 避免: 明亮的霓虹色彩

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

en · zh-CN · zh-TW · ja · ko