Outsource Consultants
暖白色基底、等宽文字标注与非对称构图。
Simon Liesinger
近白色基底、细线分隔与满幅色块。
页面以近白色为基底，搭配近黑色文字。字体采用 Garamond、Helvetica。视觉特点包括细线分隔、满幅色块、扁平表面、网格布局。适合参考的场景：设计工作室首页、案例展示页。
查看原始网站使用规范
建议采用
- 页面画布使用 #f2f2f2，主要内容色带中绝不引入其他背景颜色。
- 所有正文和标题都使用 Garamond 字重 400。衬线对比就是唯一需要的文字声音。
- #fc523b 只用于线框插画和 ↗ 箭头字形，绝不作为文字、按钮或边框的填充。
- 区块之间通过 1px 的 #181818 或 #6e6e6 细线，以及 160px 垂直内边距分隔，而不是卡片或背景。
- 主要导航锚定在视口底部，由三个文字段组成，并用垂直线分隔。
- 每个组件圆角都设为 0px。整个系统始终保持方角。
- 12px 的 Helvetica 留给姓名、服务和联系等元信息列，并搭配等宽数字，让叠放名称对齐。
建议避免
- 不要添加投影、发光或任何悬浮效果。系统平面，读起来像印刷品。
- 不要引入第二种强调色，也不要将朱红变成更高饱和或更弱化的红色。
- 正文不要使用 Helvetica，展示文字不要使用 Times。衬线与无衬线的分工严格依据字号。
- 卡片、按钮、标签或图像不要使用圆角。
- 导航不要放在页面顶部，也不要使用汉堡菜单。
- 区块背景不要采用色块、实心按钮或实心面板。
- font-weight 不要超过 400。粗体或极黑字重会破坏印刷页面的幻觉。
