Opencode

面向 AI 编程的开发者的瑞士军刀，呈现为一种干净、实用的工具。

基于文本墨水的单色、高对比度调色板，使用微妙的灰色来构建结构和层次。

monospace

• display56px · 700
• heading24px · 700
• body16px · 400

为所有文本元素使用等宽字体，以保持技术性的、面向开发者的风格。 · 保持一致的行高以提高可读性，尤其是在代码块中。

基于 4px 基准单位构建的一致节奏，内容区域采用充足的内边距。

使用单条微妙的 1px 边框（rgba(100, 98, 98, 0.2)）来划分区域和组件。

居中的单列布局，内容块之间通过充足的垂直内边距分隔。

交互元素在 hover 时微妙的不透明度过渡。

微妙的不透明度变化以指示可交互性。 · 标准的指针光标，无可见的缩放或按压效果。

• button 深色、单色的圆角按钮，用于诸如“下载”等主要操作。
• card 简单的、带边框的卡片，用于安装命令，采用标签页界面。
• chip 用于公告的小型深色“New”徽章。
• input 终端风格的命令块，带有复制按钮。
• hero 大型、以文本为主的 hero 区域，包含醒目的标题、副标题和一个用于快速安装的命令块。

• 语气 直接、技术性和自信。
• 标题风格 粗体、等宽字体的陈述，清晰且以收益为导向。
• 按钮文案 简洁、行动导向的标签，如“下载”和“了解更多”。

• 不要使用衬线体或人文主义无衬线字体——截图显示所有文本均使用等宽字体。
• 不要引入多种鲜艳的强调色——截图显示严格的单色调色板。
• 不要在界面上使用投影或复杂渐变——截图显示扁平的界面，带有细边框。
• 不要为主要操作使用圆润的药丸形按钮——截图显示具有微小 6px 圆角的按钮。
• 不要为主要内容使用双栏或多栏布局——截图显示单列居中布局。
• 不要使用大型装饰性图标或插图——截图依赖文本和极简的 UI 元素。
• 避免: 营销套话或过于随意的语言。
• 避免: 缺乏上下文的复杂行话。
• 避免: 过度使用感叹号。
• 避免: 模糊的承诺；具体说明功能。

历史提取与模型分析 · 尚未逐项校验