Tinyvolt

一款具备终端式命令界面的精密几何编辑器。

深色中性底色搭配单一亮青色作为交互高光。

geometric-sans · system-sans · monospace

• body16px · 400
• body-small12px · 400
• nav13px · 500

UI元素使用系统无衬线字体，品牌标识使用 Space Grotesk。 · 基础字号16px，小号文字采用略增的字间距。

4px基础单位，紧凑间距以适配紧凑型UI元素。

1px solid #858585

基于网格的画布布局，含可折叠右侧边栏与底部命令栏。

工具提示与导览元素采用细微淡入效果。 · 可折叠面板采用宽度过渡动画。

交互文本链接产生细微色彩变化。 · 即时反馈，不使用大幅缩放变换。

• button 简约文字按钮，配以细微边框或轮廓，无厚重背景。
• card 带细边框的扁平面板。
• chip 小型圆角标签，如 'Tour · 1/5' 指示器。
• input 命令行风格输入框，带提示符前缀。
• hero 全屏深色网格画布。

• 语气 技术性、直接且极简。
• 标题风格 简短的首字母大写菜单项与命令描述。
• 按钮文案 纯文本链接或带细微边框的按钮。

• 勿使用白色背景 — 截图显示深灰色（#1e1e1e）调色板
• 勿使用装饰性投影 — 截图显示由细边框定义的扁平面板
• 勿使用多色方案 — 截图显示单色方案搭配单一青色点缀
• 勿使用厚重的大号字体 — 截图显示紧凑、高可读性的UI文本
• 勿使用复杂渐变 — 截图显示纯色填充与简单网格图案
• 勿为所有元素添加圆角 — 截图显示基本为直角或极微圆角
• 避免: 营销话术
• 避免: 喧闹色彩
• 避免: 装饰性元素