Liron Moran Interiors 网站预览
Liron Moran Interiors 网站预览

Liron Moran Interiors

近白色基底、细线分隔与摄影展示。

页面以近白色为基底,搭配近黑色文字。字体采用 Lausanne-300、cardinalfruit-regular。视觉特点包括细线分隔、摄影展示、居中构图、衬线字形。适合参考的场景:设计工作室首页、案例展示页。

查看原始网站

使用规范

建议采用

  • 从12px说明到185px展示的每个UI文字字号都使用Lausanne-300;它是唯一主力家族。
  • 任何75px或更大的展示文字都将lineHeight(行高)设为0.80,让字母纵向几乎接触。
  • 每个元素,包括卡片、按钮、图像和标签,都采用0px border-radius;编辑式美学要求清晰直角。
  • 表面以Light Mist(#eeeeee)或Warm Linen(#f2f0ed)的1px细线分隔,绝不用阴影。
  • 分区边缘横向内边距130–173px;布局满幅,却在视口边缘保留充裕呼吸空间。
  • 首屏图像与展示排版直接重叠并将其分开;图像是穿过字形的窗口,而非旁边的配图元素。
  • 调色板最多保留七种中性色,任何彩色都会破坏单色编辑式系统。

建议避免

  • 绝不要引入彩色,没有蓝、红、绿或暖色强调;系统刻意无彩色。
  • border-radius绝不要大于0px;圆角会毁掉建筑和画廊气质。
  • 绝不要使用投影或模糊效果;通过浅色画布上的深色横带等色调对比实现深度。
  • 正文或说明的lineHeight(行高)绝不要低于1.0;只有75px+展示字号压缩至0.80。
  • 正文或段落文案绝不要居中;编辑式布局只采用左对齐。
  • 每个视觉时刻不要同时使用超过一个字体家族;cardinalfruit只出现在260px尺度,绝不作为次级语气。
  • 文字标签或分类标签绝不要添加背景填充;文字本身传达角色。