精选 · 开放 · 免费

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

动效与交互

用于覆盖层和元素淡入淡出的平滑透明度过渡。 · 用于背景色和边框变化的标准 cubic-bezier 缓动。 · 特定装饰性或主视觉元素使用较长持续时间（1秒）。

微妙的颜色或透明度过渡。 · 按钮和链接采用标准的 cursor pointer 交互。

08

组件

• button 药丸形按钮，采用黑色实底配白色文字，或透明背景配黑色文字。
• card 文字为主的功能卡片，通过 1px 黑色网格布局分隔。
• chip 底部居中的浮动药丸形导航，半透明背景并带有模糊效果。
• input 标准文本输入框，样式极简。
• hero 一个带边框的大型容器，左侧为超大号文字，右侧为黑白线描插图。

09

文案语气与禁用清单

• 语气 直接、令人安心，并聚焦于用户控制与隐私。
• 标题风格 大型、有冲击力的陈述，偶尔使用斜体衬线增添温度。
• 按钮文案 清晰、行动导向的文字置于高对比度药丸形按钮内。

• 勿使用多种明亮的强调色——截图显示的是以黑白及柔和渐变为主的调色板
• 勿使用厚重的阴影或发光效果——截图显示的是平面、描边且无阴影的元素
• 勿使用密集、拥挤的布局——截图显示的是充裕的留白和清晰的网格结构
• 勿使用厚重、圆角的容器——截图显示大部分章节使用细（1px）黑边框
• 勿使用全衬线字体系统——截图显示的是以无衬线为基础，仅在强调处使用衬线
• 勿将深色模式作为主要主题——截图显示的是白底黑字
• 避免: 技术术语
• 避免: 激进的推销语言
• 避免: 复杂的企业套话
• 避免: 明亮的霓虹色彩

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

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