Mother Design

浅色基底、细线分隔与衬线字形。
页面以浅色为基底。字体采用 Basis、Basis Mono。视觉特点包括细线分隔、衬线字形、网格布局、大字排版。适合参考的场景:创意机构官网、项目作品集。
查看原始网站使用规范
建议采用
- 展示文字采用 226px、-0.04em letter-spacing 和 1.0 line-height;极端尺度是标志性特征,而非例外。
- 仅使用五种颜色:画布 #f4f4f4、表面 #ffffff、文字与线条 #000000、辅助 #808080,以及唯一彩色音符 #306f09。
- 所有布局结构都使用 1px Press Black 线条,包括竖线、横线和交互单元边框;不以阴影或填充分隔区域。
- 元信息、标签和新闻跑马灯使用 Basis Mono,字间距为 +0.06em;其余采用 Basis,仅在偶尔的编辑注释中使用 Times。
- 卡片和缩略图内边距保持 0px,让原始图像从边缘到边缘落在网格单元中,不加界面框架、边框或圆角。
- 导航以带 1px 边框的分段控件锚定:左侧品牌标记单元和标签页组,右侧主题切换组;采用 Bone White 填充,不加圆角。
- 把留白当作结构元素;作品集网格与下一分区之间的大纵向间距(160-200px)属于体系,不是等待填满的负空间。
建议避免
- 不要引入更多颜色;任何新色相,即便低饱和,也会稀释大报身份。绿色是印刷标记,而非色板样本。
- 不添加 box-shadows、模糊或任何抬升;体系没有 z-axis,深度来自文字。
- 不要把边角变圆;每个边框、按钮和单元都保持 0px 圆角,曲线会背离印刷页隐喻。
- 展示文字不要限制在常规网页尺寸(48-72px);226px / 110px 尺度就是核心,为了“更现代”而缩小会移除标志性特征。
- 不使用 700 或 800 字重;Basis 600 是体系最重字重,展示尺寸采用 400,因为尺寸本身已提供分量。
- 按钮或卡片内部不加图标;图标只出现在主题切换组和品牌标记单元。
- 正文不居中,也不把段落设为狭窄 max-width;宣言铺满边缘,列宽由网格而非内容容器控制。