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

Liron Moran Interiors

如同深色亚麻上的时尚编辑设计。

Liron Moran Interiors像一座编辑式画廊入口：温暖米白与炭灰橄榄色的近乎无彩色画布，被吞没视口、并直接与摄影相交的超大衬线打断。界面退居幕后，细线边框、无填充控件和零抬升，排版则承担每一分视觉分量，185–260px字形同时作为标题和构图框架。分区在浅亚麻表面与深炭灰横带之间交替，整体节奏却保持稀疏、策展式，边缘内边距宽松为130–173px，纵向呼吸空间广阔。颜色刻意缺席，每种色相都为去饱和中性色，因此全部表达由对比与尺度承担。

查看原始网站

使用规范

建议采用

  • 从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尺度，绝不作为次级语气。
  • 文字标签或分类标签绝不要添加背景填充；文字本身传达角色。

相似设计语言