Dennis Snellenberg

近黑色基底、大幅摄影展示与胶囊形控件。
页面以近黑色为基底,搭配白色文字。字体采用 Dennis Sans。视觉特点包括大幅摄影展示、胶囊形控件、扁平表面、单栏阅读排版。适合参考的场景:创意机构官网、项目作品集。
查看原始网站使用规范
建议采用
- 专一使用Dennis Sans字重450 — 从不使用粗体,从不使用浅体;单一字重是整个系统的基调
- 所有文本元素(包括正文)的字间距设为0.0500em;统一的字间距是其标志性特征
- 每页的画布均使用#1c1d20;其他表面(#494a4d、#455ce9)为例外,非普遍规则
- 所有交互元素(链接、按钮、徽章)的圆角半径统一设为36.72px,以实现完整胶囊形状
- 仅使用1px内嵌白色边框,不透明度为20%作为唯一的层次表现方式 — 不使用投影阴影
- 让显示标题(88–216px)溢出画布边缘,以营造编辑类张力
- 每个视口仅保留一个紫罗兰色(#455ce9)作为强调元素 — 紫罗兰是标点,而非装饰
建议避免
- 不要引入额外字重(400、600、700) — 单一字重系统是刻意设计且脆弱的
- 不要添加投影阴影或多层层次;内嵌边框是整个深度语言的全部表达
- 不要在单个区块内使用#455ce9超过一个元素 — 过度使用会削弱该强调色的冲击力
- 不要在交互元素上使用锐利的边角(0–4px半径);胶囊形状是其标志性特征
- 不要引入新的色彩 — 色彩方案仅为单色加一种紫罗兰,不作扩展
- 不要对正文或长文本进行居中对齐;所有内容必须左对齐,以保持编辑类的严肃感
- 在显示字号(60px及以上)上,行高不得高于1.07;紧凑的行距是让文字显得整体统一的关键