TinyFaces NFT 网站预览
TinyFaces NFT 网站预览

TinyFaces NFT

近白色基底、胶囊形控件与大字排版。

页面以近白色为基底,搭配深蓝色文字。字体采用 Migra、Inter。视觉特点包括胶囊形控件、大字排版、细线分隔、衬线字形。适合参考的场景:技术项目官网、区块链产品介绍页。

查看原始网站

使用规范

建议采用

  • 所有编辑式展示时刻都采用Migra 500、50–187px,行高锁定1.0–1.1,让超大衬线构成构图块。
  • Vermillion Mark(#ed4a29)保留给文字标志、细描边和装饰点睛,绝不要填充按钮。
  • 所有按钮都设为23px胶囊圆角;任何操作控件都必须采用胶囊形。
  • 所有内容卡片采用10px圆角,2px只用于细线边框和分隔线。
  • 角色画廊采用横向滚动行,间隙8px,没有卡片边框或阴影。
  • 粉彩卡片背景(#8d9876、#a0b1cd、#e5cce0)作为功能分区的完整填充,绝不作为白色上的浅色调或叠加层。
  • 正文保持Inter 400、16–20px,并采用宽松1.5–2.25行高,以匹配编辑式阅读节奏。

建议避免

  • 不要用投影表现抬升;层级来自画布到粉彩表面的过渡,而非阴影。
  • 不要用Vermillion Mark填充按钮;橘红是编辑式标点,而非操作色。
  • 按钮或操作控件不要采用方角;23px胶囊是唯一的按钮形式。
  • 3D角色渲染图没有自己的彩色背景时,不要直接置于骨白画布上;每张肖像都需要带色调的场景。
  • 不要破坏双字体纪律,Migra用于展示,Inter用于其余全部内容;不引入其他衬线或无衬线。
  • 功能卡片不要采用白色或灰色填充;必须使用鼠尾草、长春花蓝或浅粉三种粉彩之一。
  • Migra不要使用大粗字重;500 medium是唯一字重,粗重衬线会破坏印刷油墨般的质感。