Daniël van der Winden 网站预览
Daniël van der Winden 网站预览

Daniël van der Winden

近白色基底、细线分隔与错落拼贴。

页面以近白色为基底,搭配近黑色文字。字体采用 Degular、Blanco。视觉特点包括细线分隔、错落拼贴、衬线字形、分屏构图。适合参考的场景:创意机构官网、项目作品集。

查看原始网站

使用规范

建议采用

  • #e5e7eb 是唯一表面,绝不引入白卡片或其他背景。
  • 所有标题使用 Blanco 400,Degular 留给界面、正文与元数据。
  • 每个视口恰好一个操作使用唯一深填充 #222222,稀缺让它有力。
  • 图片、按钮和标签圆角 3px,8px 留给较大交互表面。
  • 简历条目以窄左列日期标签、右列标题锚定,绝不内联。
  • 照片允许重叠文字列,避免放在刚性盒状容器中。
  • 正文使用 18px Degular 400 #374151,行高 1.5,这是全站阅读节奏。

建议避免

  • 不要引入彩色,3% 彩色占比是刻意的,不是需要修复的限制。
  • 不要添加阴影、渐变或光晕,浮起只通过填充对比实现。
  • Blanco 不要用于正文或导航,它是展示字体,而非阅读字体。
  • 内容块不要创建带背景或边框的卡片容器,内容直接落在犊皮纸上。
  • 不要用 9999px 胶囊圆角,系统 3px 圆角是安静、书卷的选择。
  • 正文不要加粗强调,改用字号、颜色或 Blanco 与 Degular 的字体切换。
  • 正文段落不要居中,在固定阅读宽度内左对齐,保留编辑列。