Adopt 网站预览
Adopt 网站预览

Adopt

暖白色基底、网格布局与细线分隔。

页面以暖白色为基底,搭配近黑色文字。字体采用 ITC Garamond Light Narrow、Neue Montreal。视觉特点包括网格布局、细线分隔、衬线字形、大字排版。适合参考的场景:设计工作室首页、案例展示页。

查看原始网站

使用规范

建议采用

  • 任何大标题或宣言式标题均使用ITC Garamond Light Narrow(或压缩的Cormorant Garamond Light),字号80–130px,行高0.90,字间距-0.02em。
  • 正文、列标签使用PPNeueMontreal(或Inter/Neue Haas Grotesk)字体,字号18px,字重500,用于正文;600用于列标签,始终保持字间距0.01em,行高1.33
  • 所有边框、文本和规则统一设为#1e1e1,绝不引入第二色墨
  • 仅在时间戳、元数据和版权信息中使用#8c8c8c,绝不用于正文或标题
  • 章节间距保持80–140px的呼吸感;纵向留白即为版式核心
  • 所有组件的圆角半径设为0——按钮、标签、输入框、卡片均保持方形
  • 内容在50px水平内精确分为三栏;绝不使用卡片、背景或阴影来分组内容

建议避免

  • 绝不引入任何强调色、品牌色或色彩调性——该系统本质上是单色的
  • 绝不使用渐变、阴影或任何形式的堆叠效果——画布是平面的
  • 绝不使用无衬线或系统字体用于标题——Garamond衬线字体即为品牌标识
  • 任何UI元素的圆角半径不得超过0
  • 不要在每列中放置超过2 行正文文字而未增加垂直间距——3 列网格用于可快速浏览的区块,而非段落
  • 正文绝不使用粗体(600及以上)——字重500为正文上限;600仅用于短列标签
  • 除非替换合作伙伴名称为品牌标志,否则绝不使用图标、插图或图像——系统默认为纯文字