ORYZO AI 网站预览
ORYZO AI 网站预览

ORYZO AI

近黑色基底、胶囊形控件与细线分隔。

页面以近黑色为基底。字体采用 halyard-display-variable、Arial。视觉特点包括胶囊形控件、细线分隔、宽松留白、摄影展示。适合参考的场景:设计产品官网、作品展示页。

查看原始网站

使用规范

建议采用

  • 全界面 UI 文字统一使用 #ffedd7(暖奶油)—— 严禁使用纯白 #fff;暖调是系统的标志性特征。
  • 仅在署名文字、‘由谁打造’标签以及Lusion工作室链接处使用#dc5000(余烬)——单一强调色因克制而显得尤为珍贵。
  • 全界面文字统一采用大写、字重 500;仅在 29px 的正文内容中使用字重 400 / 混合大小写,用于解释产品信息。
  • 使用 36px 圆角用于唯一填充型 CTA,22.5px 用于轮廓型透明描边按钮;12px 用于卡片;0px 用于输入框和内联链接——这四个数值构成整个圆角语汇。
  • 各区块间距设定为 100vh——每个区块拥有独立的全视口高度,绝不将产品展示压缩为条带式布局。
  • 使用 #40372 的 1px 虚线作为区块分隔线;避免使用实线分隔,且任何分隔线厚度不得超过 2px。
  • 在每个虚空模式区块中,将 3D 产品渲染居中,文字对称地分别以 18px 缝隙左右环绕。

建议避免

  • 绝不使用纯白 #fff 作为文字或纯黑 #000 作为背景——暖奶油与核桃阴影才是系统的核心,纯色在此被视为错误。
  • 绝不将 #dc5000 应用于按钮、CTA 或交互表面——橙色仅用于编辑说明。
  • 绝不使用小写或句首大写形式用于标题、导航或标签;唯一使用混合大小写的文本是 29px 的正文描述。
  • 绝不为卡片、按钮或区块添加阴影——深度来自两层表面堆叠(#100904 → #382416),而非模糊效果。
  • 绝不为容器设置小于 12px 的圆角——几何形态刻意粗犷,而非锐利。
  • 每个区块内绝不出现超过一个填充按钮;克制是设计语言的核心。
  • 绝不将正文居中对齐——标题与正文始终左对齐,即使在环绕居中图像时亦如此。