Zot Sh

一款终端原生的开发者工具，感觉如同 shell 的原生扩展。

高对比度的终端美学，搭配一个用于焦点元素的鲜艳青色强调色。

monospace

• display56px · 700

所有文本使用等宽字体，以强化终端原生的身份认同。 · 强调色仅用于交互式元素和关键高亮部分。 · 柔和的灰色文本用于次要的技术细节。

宽松、大方的布局，让密集的终端区块在深色背景中得以呼吸。

使用细微白色透明度定义的 1px 细边框，用于终端窗口和代码块。

0 0 0 1px rgba(255, 255, 255, 0.1)

一个简洁的双栏首屏布局，过渡到单栏内容流，以醒目的终端模拟图为特色。

交互式文本链接和按钮上微妙的颜色变化或下划线。 · 主要操作上的即时状态变化。

• button 使用等宽字体的简洁描边按钮，配有细微边框。
• card 类终端卡片，具有深色背景、圆角和细微边框。
• input 终端输入模拟，显示命令提示符和打字光标。
• hero 一个醒目的等宽字体标题，旁边是真实的终端窗口模拟图。

• 语气 技术性、直接且自信。
• 标题风格 粗体、小写的等宽字体陈述。
• 按钮文案 简洁、直接的命令或最简标签。

• 不要使用衬线或无衬线展示字体——设计完全基于等宽字体。
• 不要引入多种强调色——配色方案依赖单一的青色色调。
• 不要使用明亮或彩色背景——界面严格采用深色模式。
• 不要添加不必要的装饰图形——布局由字体排版和代码驱动。
• 不要使用圆润或气泡状的 UI 组件——界面通过简洁、最小化的边框定义。
• 不要使用非技术性语言——文案直接、简洁，面向开发者。
• 避免: 营销辞藻
• 避免: 过多的感叹号
• 避免: 非技术性术语
• 避免: 装饰性元素