Warp

一个现代、AI 原生的命令行界面，弥合了传统终端与协作开发环境之间的鸿沟。

高对比度深色模式，搭配标志性的紫色强调色，用于突出活动状态和关键数据。

humanist-sans · monospaced

• display72px · 400
• h248px · 400
• body18px · 400
• caption14px · 400
• overline12px · 500

为大尺寸展示标题使用紧凑的负字间距 · 为密集的正文保持充足的行高（1.4-1.6） · 严格将等宽字体用于代码片段和命令

一致的 4px 网格系统，在大型容器布局中采用充足的内边距。

极简主义，使用纤细的 1px 线条或内嵌阴影来定义边缘。

0px 8px 30px rgba(0, 0, 0, 0.4) · 0px 1px 3px rgba(0, 0, 0, 0.1)

全宽深色英雄区，后接结构化的内容网格。

UI 状态变化时的平滑淡入 · 交互元素在 hover 时的微妙缩放和变换 · 列表和数据行的序列式淡入

按钮和导航链接的微妙背景偏移或颜色过渡。 · 状态立即改变，动画延迟最小化。

• button 用于主要操作的高对比度纯白色按钮，用于次要操作的微妙仅边框按钮，以及圆润的胶囊形状。
• card 深色主题卡片，带有微妙的内嵌边框，通常展示交互式代码或数据可视化。
• chip 用于智能体界面内状态指示器（活跃、失败、已归档）的小型圆角标签。
• input 带有微妙边框的深色输入框，通常伴有内联代码或命令操作。
• hero 大型左对齐的排版英雄区，下方通常配有突出的代码块或终端截图。

• 语气 技术性的、权威的，且面向开发者。
• 标题风格 直接、以收益为导向的陈述（例如，'发布更好的软件'）。
• 按钮文案 行动导向型（例如，'下载'、'联系销售'、'发送链接'）。

• 不要使用明亮、饱和的背景颜色——截图显示为深沉、低饱和度的灰色和黑色。
• 不要为正文使用装饰性衬线字体——截图显示为清晰易读的人文主义无衬线体。
• 不要使用厚重、实心的块状边框——截图显示为用于营造立体感的微妙 1px 线条或内嵌阴影。
• 不要为主要标题使用宽泛的多栏布局——截图显示为紧凑、左对齐的排版块。
• 不要使用柔和的粉彩强调色——截图显示为高色度的紫色和醒目的白色用于强调。
• 不要使用圆润、鼓胀的 UI 元素——截图显示为尖锐的圆角或非常微妙的边框半径。
• 避免: 营销术语
• 避免: 过于随意的语言
• 避免: 缺乏技术背景的模糊承诺

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