Pangram Pangram Foundry 网站预览
Pangram Pangram Foundry 网站预览

Pangram Pangram Foundry

近白色基底、大幅摄影展示与胶囊形控件。

页面以近白色为基底,搭配深灰色文字。字体采用 Neue Montreal、Neue Montreal Semibold。视觉特点包括大幅摄影展示、胶囊形控件、大字排版、网格布局。适合参考的场景:设计产品官网、作品展示页。

查看原始网站

使用规范

建议采用

  • 彩色强调色仅使用 #ff2f00;其出现频率须足够低,才能成为编辑性重点,而非装饰。
  • 卡片、列表、徽章和输入框的边框都使用 1px solid #000000;黑色细线是结构骨架。
  • 卡片、按钮和输入框使用 20px border-radius;999px 仅用于胶囊形徽章。
  • 首屏文字使用 Neue Montreal,121-145px、600 字重、1.00 行高;文字应在纵向填满卡片。
  • 任何视图的彩色元素都仅限状态徽章:#ff2f00 New、#ffb700 Update、#bfe0ff Early Access。
  • 卡片内边距设为 26px,卡片间距为 15-23px,维持舒适的编辑密度。
  • 让铺满边缘的摄影承载首屏分区,不给首屏卡片添加彩色背景。

建议避免

  • #ff2f00 不用于正文、标题或大面积表面;它只充当徽章和视觉标点。
  • 不要添加 box-shadow 或强烈抬升;体系依靠 1px 边框和留白,而非深度。
  • 圆角只使用 20px(卡片/按钮/输入框)和 999px(徽章);圆润柔和的形状是标志性特征。
  • 不要使用规定色板以外的颜色;界面框架不加入装饰性的蓝、绿或紫。
  • 同一视图不要混用多个字体家族;除字体样张展示外,全部使用 Neue Montreal。
  • 任何尺寸的行高都不要超过 1.30;紧凑行高是编辑感的关键。
  • 正文或元信息不要居中;只有标题和首屏文字采用居中对齐。