Smiling Wolf

暖白色基底、等宽文字标注与紧密字距。
页面以暖白色为基底,搭配近黑色文字。字体采用 Bagoss Standard、General Grotesque Mono。视觉特点包括等宽文字标注、紧密字距、细线分隔、宽松留白。适合参考的场景:设计工作室首页、案例展示页。
查看原始网站使用规范
建议采用
- 仅使用五种中性色——Bone #f7f3f0、Obsidian #131713、Carbon #000000、Ash #bebcb9、Graphite #858582。永不使用彩色。
- 显示标题使用 Bagoss Standard 520字重,字号59-63px,字间距-0.02em,行高0.98-1.0。
- 所有元数据、标签和导航元素均使用 General Grotesque Mono 9-10px 大写形式,字间距0.10em。
- 各区块之间在 Bone 与 Obsidian 之间交替满幅铺展——绝不通过渐变或阴影进行混合。
- 所有矩形元素(卡片、图片、标签)均使用4px圆角边框。无例外。
- 内容间使用1px #000000 细线分隔,而非仅靠间距。
- 元素间距保持10px,区块间距保持60-80px;节奏依赖于紧密聚集与大间隔的交替。
建议避免
- 绝不引入五种中性色之外的任何颜色——不使用蓝色、不使用红色、不使用任何强调色。
- 绝不使用阴影、光晕或模糊效果来实现层级感。使用表面翻转和细线分隔。
- 绝不将转角圆润超过4px。设计在结构上保持锐利。
- 绝不将正文字号设在20px以上或14px以下——字体层级刻意保持狭窄。
- 绝不使用无衬线字体作为标题。品牌调性由 Bagoss Standard 承载;系统无衬线字体仅用于12px以下的辅助文本。
- 绝不将等宽字体设置在10px以上——小尺寸的标签特性使其能作为标签使用,而非标题。
- 绝不使用居中正文。布局为左对齐,字间距紧密。