Visitors

近白色基底、胶囊形控件与紧密字距。
页面以近白色为基底,搭配近黑色文字。字体采用 OpenRunde。视觉特点包括胶囊形控件、紧密字距、细线分隔、居中构图。适合参考的场景:软件产品首页、服务说明页。
查看原始网站使用规范
建议采用
- 所有主要行动按钮必须使用薰衣草色(#918df6)——禁止用于正文、边框或装饰元素。
- 将展示标题设置为 60px/600,字间距 -3px;正是这种紧密的字间距让文字呈现出工程感。
- 所有按钮、标签和芯片的圆角半径必须设置为 9999px——胶囊形状是其标志性特征。
- 为卡片和表格应用 1px 实线雾灰(#e8e8e8)边框;避免使用厚重的阴影来定义表面层次。
- 使用薄荷绿(#33c758)搭配薄荷灰(#def6e4)背景用于正向指标提示;禁止在白色背景上单独使用绿色文字而无该柔和填充。
- 所有标题和按钮使用OpenRunde 500字重,400字重仅用于正文和图注。
- 将首屏标题和行动号召堆叠居中;让其下方 60px 显示文字留白完成视觉引导工作。
建议避免
- 禁止将薰衣草色(#9580ff)用于正文中的行动号召——该色仅保留用于注册导航按钮,以区别于主薰衣草色 CTA。
- 禁止使用超过三层堆叠的叠加阴影——强烈的下投阴影会破坏平面化美学。
- 禁止在单个组件中混合多种强调色——每个功能类别仅使用一种颜色(天空蓝用于实时数据,琥珀色用于性能,洋红用于用户档案)。
- 禁止将标题文字设为纯黑色(#000000)——应使用炭灰(#181925)提供微弱的冷调感。
- 禁止将 Ember(#ff3e00)用于 UI 界面外围元素——该色仅作为装饰用途,用于图表填充和插画。
- 禁止使用矩形按钮或尖角标签破坏胶囊圆角规范。
- 禁止为功能卡片容器添加背景色——它们应置于纯白色背景上,仅包含图标与文字。