Egstad 网站预览
Egstad 网站预览

Egstad

暖白色基底、大字排版与细线分隔。

页面以暖白色为基底,搭配近黑色文字。字体采用 EG Metaphor、Times。视觉特点包括大字排版、细线分隔、单栏阅读排版。适合参考的场景:创意机构官网、项目作品集。

查看原始网站

使用规范

建议采用

  • 所有文字使用 Press Ink(#252422)搭配 Bone Paper(#e2e0d9)——禁止引入第二色
  • 展示标题使用 EG Metaphor 字体,字号 399px,字间距 -0.055em,行高 0.97,使字母彼此接触并填满视口
  • 正文使用系统级 Times 字体,字号 16px/1.2——禁止替换为其他衬线字体
  • 导航标签使用 S85(或等宽字体备用)字号 12px,字间距 0.1em,行高 3.0,为胶囊栏内提供垂直留白
  • 主导航胶囊使用 1440px 圆角,使其呈现完美胶囊形态
  • 内容间使用 1px 细线分隔,采用 Press Ink 或 Pure Carbon 颜色——禁止使用背景色块
  • 圆形图像遮罩应与展示文字重叠,且不添加边框、阴影或内环填充

建议避免

  • 禁止添加强调色、渐变或彩色按钮——系统设计为单色
  • 禁止为任何元素添加阴影——分隔来自墨水对比,而非立体感
  • 禁止使用 EG Metaphor 或 Times 的粗体或中等粗体字重——整个系统统一使用 400 字重
  • 禁止通过手动换行将展示标题拆分为多行——应作为单个完整构图从边到边延伸
  • 禁止在容器上使用小圆角(4px、8px、12px)——系统中仅存在 1440px(胶囊)和 36px(导航内)两种圆角
  • 禁止在正文内容中添加图标、徽章、标签或胶囊标签——导航与标识均为纯文字
  • 禁止将正文内容使用 EG Metaphor 字体——该字体仅限用于展示与标题层级