Zeus Jones 网站预览
Zeus Jones 网站预览

Zeus Jones

暖白色基底、衬线字形与网格布局。

页面以暖白色为基底,搭配深蓝色文字。字体采用 ZJSansDisplay、FeatureDeckLight。视觉特点包括衬线字形、网格布局、细线分隔、单栏阅读排版。适合参考的场景:创意机构官网、项目作品集。

查看原始网站

使用规范

建议采用

  • 所有填充按钮、标题、正文段落和细线边框均使用 #1a1c2c(午夜墨水)—— 这是系统的唯一有效配色,也是唯一合法的交互背景色。
  • 将显示标题设置为 60–90px,使用 FeatureDeckLight 字重 100,字间距 -0.02em,行高 1.07 —— 细线字重是品牌的标志性特征,绝不替换为 600 以上的字重。
  • 所有按钮、标签和导航元素的圆角均设为 9999px;所有卡片、图片和面板的圆角为 20px —— 这是系统中唯一的两种圆角值。
  • 在标题和链接中的强调词内,使用 1px 实线 #1a1c2c 下划线 —— 这是编辑强调的唯一方式,而非加粗或变色。
  • 页面正文保持 Warm Parchment #fcfaf3,偶尔的提升级卡片或区块带使用 Soft Linen #ebe9e4。
  • 所有眉线、标签和小标签使用 12px ZJSansDisplay 字重 500,字间距 +0.05em(0.6px)—— 这是唯一的全大写字间距文本风格。
  • 保持区块间距 40px,元素间距 16px;页面以 8px 为增量阅读,绝不使用任意间距破坏网格结构。

建议避免

  • 绝不使用阴影或投影阴影 —— 系统设计为平面;使用 1px 边框和表面色调层次实现区分。
  • 绝不使用粗体或 600 以上的字重用于显示标题 —— 60–90px 字重 100 是标志性风格;粗体版本会破坏品牌语调。
  • 绝不为按钮、链接或交互元素引入新强调色 —— 所有操作始终以填充午夜墨水于温暖的奶油底色上完成。
  • 绝不使用纯白色(#ffffff)作为背景 —— 底色为 Warm Parchment #fcfaf3;纯白会破坏印刷纸张质感。
  • 绝不为 UI 组件、按钮或卡片添加渐变 —— 系统仅支持实色填充;渐变色仅用于单个满幅首屏区域图。
  • 绝不使用锐利的边角(0–4px 圆角)于卡片或按钮 —— 系统要么是 20px 圆角,要么是完全圆润的胶囊形;无中间状态。
  • 绝不使用装饰性分隔线、背景图案或装饰性图形位于首屏之下 —— 站点主体仅为文字和摄影内容。