Control

白色基底、等宽文字标注与大字排版。
页面以白色为基底,搭配近黑色文字。局部操作控件以橙色强调。字体采用 Melange、Favorit Mono。视觉特点包括等宽文字标注、大字排版、紧密字距、网格布局。适合参考的场景:设计作品集、创意服务介绍页。
查看原始网站使用规范
建议采用
- 每个主要标题都使用71–146px的Melange,绝不要低于36px;字体需要足够空间,否则会失去编辑式权威感。
- 所有UI标签都采用Favorit Mono 9–10px、全大写和-0.03em letter-spacing;更大的等宽字号会破坏图片说明般的节奏。
- #01ea40应克制使用,每个屏幕只用于一个主要操作;额外的绿色会显得像噪声。
- 卡片圆角默认8px,按钮圆角40px,形成完整胶囊形;绝不要混入16px或24px等中间数值。
- 依靠1–2px黑色边框定义表面,取代阴影;阴影不属于这个系统。
- 分区间距保持宽松,为80–120px;编辑式韵律依赖内容块之间的呼吸空间。
- 每张产品截图都配有可见的网格纹理;工具作为绘图表面的比喻不应被隐藏。
建议避免
- 同一屏幕不要使用超过两种鲜亮颜色;绿色用于操作,另一种强调色用于突出重点,橘色和黄色同时作为填充时会争夺注意力。
- Melange的字号不要低于25px;小字号下,紧密字间距会使文字难以辨认。
- 不要引入投影、辉光或模糊效果;深度只来自边框和平面色块。
- 首屏文字不要使用系统Arial字体栈;它只作为正文的后备字体。
- 正文段落不要居中;编辑式网格严格锚定左侧。
- 任何UI元素都不要添加渐变填充;调色板刻意保持平面。
- 不要使用绿色代表成功、红色代表错误等颜色编码的语义状态;系统具有编辑式气质,而非仪表盘气质,应通过排版和边框传达状态。