Mike Matas

浅色基底、宽松留白与分屏构图。
页面以浅色为基底,搭配近黑色文字。字体采用 Lab Grotesque。视觉特点包括宽松留白、分屏构图、大幅摄影展示。适合参考的场景:创意机构官网、项目作品集。
查看原始网站使用规范
建议采用
- 将展示标题设为 40px Lab Grotesque 字重 100 —— 超轻版本不可更改,是网站语气的核心体现。
- 将外侧列的水平边距推至 135px,以形成狭窄通道布局,使页面产生被精心策划的视觉感受。
- 仅使用两种颜色:#000000 用于所有文字,#ffffff 用于所有背景。禁止引入品牌辅助色。
- 保持堆叠导航项及其相关标签之间的间距紧密,为 9px,与 135px 的区块间距形成对比。
- 在白色画布上呈现产品设备的摄影渲染(MacBook、iPhone)。屏幕内的产品界面是页面中唯一的色彩内容。
- 正文与链接文字设为 18px Lab Grotesque 字重 400,行高 1.20。较大的字号(20px)仅用于导航。
- 让页面标题和年份承载身份。禁止添加标识、标志、头像或网站图标,仅以字体本身作为标识。
建议避免
- 禁止应用任何圆角。所有边缘均为锐利的 0px —— 卡片、图片、按钮、标签,全部如此。
- 禁止添加阴影、投影或发光效果。分离感来自空白,而非层级堆叠。
- 禁止引入行动号召按钮、填充背景或辅助色。该系统中不存在按钮组件。
- 禁止使用除 Lab Grotesque(或其替代字体)以外的任何字体。不使用衬线体、不使用等宽字体、不使用展示性手写体。
- 禁止在区块之间添加边框、分隔线或细线。垂直节奏仅由边距承载。
- 禁止对展示标题进行上色、下划线、背景高亮或标点符号装饰。
- 禁止在设备展示模型下方添加项目标题、图注或描述。图像本身即为唯一的标签。