Munro Partners 网站预览
Munro Partners 网站预览

Munro Partners

暖白色基底、大幅摄影展示与细线分隔。

页面以暖白色为基底，搭配深橙色文字。字体采用 Neue Haas Grotesk Display、Neue Haas Grotesk Text。视觉特点包括大幅摄影展示、细线分隔、宽松留白、分屏构图。适合参考的场景：金融产品官网、财务服务介绍页。

查看原始网站

使用规范

建议采用

  • 正文使用 Neue Haas Grotesk Display 14px/1.43 字号，搭配 Bark Brown（#3f322a）在 Cream Parchment（#fff9ee）底色上呈现——此配色对绝不反转
  • 所有按钮、徽章、输入框及强调边框卡片均使用 2px 圆角——近似正方形的边缘是标志性特征
  • 图像容器和装饰性链接仅使用 15px 圆角
  • 将深青色（#004e4e）保留为每个页面的唯一主要操作——任何其他色彩填充的按钮均被禁止
  • 标题展示使用 68px 字号、400 字重，字间距 0.54px——轻盈的字重是核心的排版选择
  • 内容区块之间使用 1px Stone（#c5bdb3）细线分隔，而非卡片容器或背景填充
  • 满幅横幅山景摄影作为区块首屏，搭配白色文字叠加——让影像承载情感表达
  • 区块标签使用 12px 字号、700 字重、大写，字间距 0.017em——大小写与字重共同完成层级结构

建议避免

  • 绝不使用 #000000 作为正文、标题或边框——全文统一使用 Bark Brown（#3f322a）替代黑色
  • 绝不使用纯白色（#ffffff）作为页面底色——仅允许使用 Cream Parchment（#fff9ee）作为基础底色
  • 按钮、徽章或输入框的圆角绝不超过 2px——过大的圆角会破坏沉静的编辑风格
  • 单个组件内绝不叠加多个色彩强调——每个容器仅允许一个强调色
  • 绝不将 700 字重用于编辑性正文或长文本——700 字重仅用于标签和品牌标识
  • 绝不为卡片或表面添加阴影或投影——系统为平面设计，仅通过细线分隔
  • 绝不使用任何渐变——整个系统为纯色平面设计
  • 绝不将 #feed5a 或 #c67700 用于主要 CTA 按钮——这两色为一次性编辑性点缀，非系统操作色
  • 正文字号绝不超过 16px 或低于 14px——编辑性尺寸保持紧凑

相似设计语言