Miranda 网站预览
Miranda 网站预览

Miranda

暖奶油上的旧世界大报,数字时代的报纸编辑风格。

暖羊皮纸上的复古大报作品集。近黑墨色主导文字、边框和大型编辑条幅,奶油画布安静哑光,从不临床。展示文字就是品牌,巨大定制衬线 Canopee、Germgoth 配负字间距和低于 1.0 的行高,让字母碰撞、彼此出血,模拟木版与 19 世纪海报字。唯一暖余烬橙偶尔作印章、星图标,像手盖封印。组件平面无边框,深度来自对比而非阴影。布局像小刊或报纸跨页,超大标题条幅穿插紧密三列项目网格和满幅插画。

查看原始网站

使用规范

建议采用

  • 区块分隔条幅使用 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,疏松间隔会消灭压缩木版感。