Maëlan Le Meur 网站预览
Maëlan Le Meur 网站预览

Maëlan Le Meur

暖白色基底、满幅色块与文字主导。

页面以暖白色为基底，搭配近黑色文字。字体采用 PP Neue Montreal。视觉特点包括满幅色块、文字主导、衬线字形。适合参考的场景：创意机构官网、项目作品集。

查看原始网站

使用规范

建议采用

  • 所有尺寸都使用 PP Neue Montreal 400，不引入粗体、中等或斜体字重；单一字重的克制是标志性特征。
  • 所有大型展示文字（58px+）采用 line-height 0.95，形成紧凑、建筑式节奏。
  • 铺满边缘的分区条带采用 210px 纵向内边距，形成画廊墙面的呼吸空间。
  • #1e1915 和 #674825 用于铺满边缘的章节切换，不用于卡片或组件背景。
  • 展示文字可以超出视口右边缘，不加 max-width 容器。
  • 所有导航都是 15–16px 大写文字链接，不使用按钮、胶囊形或填充。
  • 表格行以 1px #111111 细线分隔，不用行背景或斑马纹。

建议避免

  • 不要引入强调色、渐变或彩色高亮；暖大地色板就是整个体系。
  • 任何组件都不要添加阴影、抬升或深度效果；设计有意保持扁平。
  • 卡片、输入框或容器不使用圆角；唯一的 40px 圆角留给链接点击区域。
  • 首屏或展示分区不要设 max-width；文字应在视口边缘被裁切。
  • 不要用颜色指示交互状态；链接在悬停、激活和已访问状态下保持相同的字体处理。
  • 文字块内不要添加图标、徽章或装饰图形；文字层级承载全部意义。
  • 任何普通标题或展示尺寸的 line-height 不超过 1.20；紧凑行高是编辑感的关键。

相似设计语言