Linear
产品官网 · linear.app打开网站 ↗
值得学的地方
- 首屏不画插图，下半屏直接放真实的产品界面：侧边栏、任务详情、右下角的 Agent 对话框都是真的。
- 近黑底上只有两层字：白色大标题，和缩得很小、很灰的副标题。层级全靠字号和明暗，不靠颜色。
- 导航全是文字链接，整屏唯一实心的元素是右上角白色的 Sign up 胶囊，所以眼睛只会去那儿。
这一页里的界面词
想让 AI 做出这种感觉，可以这样说
做一个深色的产品首页：背景接近纯黑。首屏左对齐两行白色大标题，下面一行很小的灰色副标题。不要插图，首屏下半部分直接放产品真实界面的截图（左侧边栏、中间详情、右下角一个浮动对话框）。导航栏只用文字链接，右上角放一个白底黑字的小胶囊按钮，全页只有它是实心的。
同一家的品牌规范
Linear 的 DESIGN.md：色值、字号、圆角都拆好了，可以整份交给 AI。