Planhat

白色基底、大字排版与紧密字距。
页面以白色为基底。字体采用 Geigy LL Duplex Var、Inter。视觉特点包括大字排版、紧密字距、细线分隔、宽松留白。适合参考的场景:软件产品首页、服务说明页。
查看原始网站使用规范
建议采用
- 所有32px及以上展示和标题文字都采用Geigy LL Duplex Var,负字间距按字号介于-0.02em至-0.06em。
- 营销表面严格保持单色,首屏照片之外只允许黑、白和Warm Stone灰褐色。
- 所有按钮文字都采用Inter 500、10–12px、全大写和0.1em字间距;方向性操作末尾配尖括号箭头。
- 所有按钮、输入框和标签等交互元素保持4px圆角,卡片和内容面板8px。
- 表格式网格和卡片分隔使用1px的#000000细线边框,取代背景色分隔。
- 分区引言中的展示标题采用48–60px,113px只保留给首屏级陈述。
- 每个分区都配一个10px全大写眉题标签,字间距0.1em,位于标题上方16–24px。
建议避免
- 营销表面不要引入彩色;确需颜色时,只在产品功能层级的模型插画内部使用,绝不用于CTA、标题或背景填充。
- 内容卡片圆角不要超过8px;系统具有建筑感和精确感,而非柔软或活泼。
- 展示文字不要采用Inter或任何系统字体;定制Geigy字体及其cv03、cv04、cv09、cv11风格替代字形,是品牌标志性特征。
- 卡片或面板不要添加投影;只通过细线边框和表面色变化分隔。
- 正文letter-spacing不要宽于-0.01em,10px以下不要采用正字间距;系统依赖密度与紧密感。
- 正文段落或长篇描述不要居中,保持左对齐,以维持编辑式印刷感。
- 没有深色渐变叠加层时,不要将文字直接放在首屏照片上;易读性要求黑色色洗至少60%。