Max Yinger 网站预览
Max Yinger 网站预览

Max Yinger

深色基底、等宽文字标注与网格布局。

页面以深色为基底,搭配暖白色文字。字体采用 Arbeit Technik、Inline VF。视觉特点包括等宽文字标注、网格布局、胶囊形控件。适合参考的场景:设计产品官网、作品展示页。

查看原始网站

使用规范

建议采用

  • 所有文本使用#e4dfda,所有背景使用#12130f——双色系统即为系统。
  • 所有交互元素(按钮、标签、状态指示器)使用9999px圆角。
  • 仅对带下划线的内联链接使用2px圆角。
  • 元素间距设为4px,卡片内边距设为12px。简洁是美学核心。
  • 所有首屏级显示使用Inline VF字体,字号80px,行高0.70。
  • 所有标签和注释使用Arbeit Technik字体,字号12px,字间距-0.6px。
  • 将内容推向视口边缘——左上角为品牌信息,左下角为个人简介,右下角为社交链接,居中为首屏元素。

建议避免

  • 不要引入新的强调色。Rose Quartz Bloom仅存在于3D渲染的溢出中,绝不会出现在UI组件上。
  • 不要使用阴影或投影。深度来自3D物品本身,而非CSS的堆叠效果。
  • 任何字号的文本行高均不可超过1.25。压缩的垂直间距是其标志性特征。
  • 不要居中内容或添加最大宽度容器。仅允许满幅边缘到边缘的布局。
  • 不要在卡片或内容区块上使用边框。空间分隔仅来自4-8px的间距。
  • 不要引入次级字重(粗体、中粗)。所有字号均使用400字重——对比感来自字体本身,而非字重。
  • 不要使用纯白(#ffffff)或纯黑(#000000)。温暖的偏白与温暖的碳色是整个配色方案。