Miranda 网站预览
Miranda 网站预览

Miranda

暖白色基底、网格布局与大字排版。

页面以暖白色为基底,搭配近黑色文字。字体采用 Editorial New、Canopee。视觉特点包括网格布局、大字排版、紧密字距、扁平表面。适合参考的场景:设计产品官网、作品展示页。

查看原始网站

使用规范

建议采用

  • 区块分隔条幅使用 Canopee 200px+,展示低于 122px 会失去系统定义性格。
  • 所有 Canopee 展示文字行高低于 0.85,让字母挤近、几乎碰撞,这是标志而非缺陷。
  • 每张项目卡片配 Ember Orange #c03f13 的方形 NEW 徽章,圆角 2.88px,徽章是单色页唯一彩色音符。
  • 正文、导航与小标题只用 Editorial New 300,更重会破坏编辑克制。
  • 图片铺至卡片边缘,0px 圆角,尖角是大报语言的一部分。
  • 页面背景 Parchment #e2dedb,卡片表面 Bone Cream #cdc6be,绝不引入白或冷灰。
  • 所有 Canopee 与 Domaine Display 标题用负字间距,正字间距会破坏印刷海报感。

建议避免

  • 不要引入渐变、毛玻璃或现代模糊,这是 1890s 大报,而非 2024 SaaS。
  • 任何元素圆角不要超过 12px,利落几何定义印刷美学。
  • 彩色强调不要超过一种,Ember Orange 只有在其余单色时才成立。
  • 超过两行正文不要居中,段落只用左齐。
  • 不要用阴影产生通用深度,定向墨色阴影只留给项目卡片。
  • 四种定制字体任一都不要用 Inter、Helvetica 系统无衬线替代,衬线与哥特混合是关键结构。
  • 展示标题行高不要超过 1.0,疏松间隔会消灭压缩木版感。