Operate

浅灰色基底、紧密字距与扁平表面。
页面以浅灰色为基底,搭配深青绿色文字。局部操作控件以浅绿色强调。字体采用 denim、muoto。视觉特点包括紧密字距、扁平表面、细线分隔。适合参考的场景:SaaS 产品官网、功能介绍页。
查看原始网站使用规范
建议采用
- Moss(#85c093)只用于每个屏幕最重要的唯一操作;其余所有操作都应为描边、无填充或纯文字。
- 卡片圆角一致为12px,标签为4px;18–24px只保留给首屏尺度面板。
- 任何应像标本标签或坐标轴标题的全大写标签,都使用cinetype和+0.30em letter-spacing。
- 行内链接用方括号包住,如[ like this ],以保持页面一致的注释感。
- 分区标题放在画布边缘,采用muoto 12px、500字重和Forest Ink颜色,前面配一个方括号字形。
- 画布从边到边保持Sage Paper(#e0e0e0);布局中任何地方都不要引入白色页面背景。
- 卡片边框采用Lichen(#cad3d2)的内嵌0.5px细线,取代1px+投影。
建议避免
- 不要添加第二种彩色操作色;Moss(#85c093)已被占用时,使用Forest Ink描边按钮,而非另一种填充。
- 正文或长标题不要采用cinetype;宽字间距使它在14px以下以及超过两个词时难以辨认。
- 不要采用高于6%不透明度的投影;系统平面,厚重阴影会破坏植物标本感。
- 正文不要使用纯黑(#000000);Forest Ink(#09352e)承载绿色底调,使调色板连贯。
- 数据点不要放在卡片上;它们应直接位于Sage Paper画布上,让页面本身像一张图表。
- Indigo Accent(#433787)每页不要使用超过一次;它是标点,而非调色板成员。
- 不要采用白色页面背景;鼠尾草画布是结构选择,而非普通填充。