Leonid Kostetskyi 网站预览
Leonid Kostetskyi 网站预览

Leonid Kostetskyi

白色基底、大字排版与紧密字距。

页面以白色为基底。字体采用 Neue Haas Display、SFUIDisplay。视觉特点包括大字排版、紧密字距、细线分隔、非对称构图。适合参考的场景:设计工作室首页、案例展示页。

查看原始网站

使用规范

建议采用

  • 所有展示标题、导航链接和正文使用Oxblood(#472425)——它是唯一的色彩语调
  • 在Neue Haas Display 400字重下,将展示字体设为135–188px,字间距-0.025em,行高0.86
  • 正文与图注采用11–15px SFUIDisplay 300,400字重仅用于导航和激活标签。
  • 主要区块之间保持至少200px的垂直间距,以维持编辑画廊的节奏
  • 内容区块之间用1px Oxblood或炭黑色细线分隔——绝不使用阴影、填充或圆角容器
  • 所有卡片、按钮和输入框的角都保持为正方形(0px半径)——系统无任何柔和边缘
  • 每页在左下区放置一个放射星形标记作为标志元素

建议避免

  • 绝不引入第二个色彩——Oxblood是唯一色彩,Crimson仅用于悬停或错误状态
  • 不要在27px到135px之间使用中间标题尺寸——系统直接从正文跃升至宏伟展示,中间无过渡
  • 任何元素均不应用盒阴影、光晕或投影效果——层级由尺寸和空间决定,而非深度
  • 卡片、按钮或图片的角绝不圆角——所有情况均为0px半径,以保持编辑风格的锐利感
  • 绝不使用色块或填充背景置于文本后——内容直接位于白色背景上,最多仅以细线边框呈现
  • 正文或长文本绝不居中对齐——布局为左对齐且非对称,呈杂志版式
  • 绝不添加装饰性渐变、模糊或氛围效果——视觉语言为平面、印刷感和图形化