Madebyon 网站预览
Madebyon 网站预览

Madebyon

近黑色基底、扁平表面与分屏构图。

页面以近黑色为基底,搭配近白色文字。局部操作控件以黄绿色强调。字体采用 Favorit extended、Favorit。视觉特点包括扁平表面、分屏构图、网格布局、大字排版。适合参考的场景:设计工作室首页、案例展示页。

查看原始网站

使用规范

建议采用

  • 在每个可见视口使用 #dcff4f 仅用于一个填充的 CTA——其力量源于稀缺性
  • 将显示标题设置为 40-56px 字号,字间距为 -0.0200em,使用扩展版 Favorit 字体
  • 所有主要文本和边框使用 #faf9f4——绝不使用纯白色,温暖的米白是品牌身份的一部分
  • 保持 80px 的区块间距,以维持各区块间的画廊漫步节奏
  • 为主要的行动按钮应用999px的圆角,为透明描边按钮应用50px的圆角——胶囊形状主导了按钮的设计语言
  • 在所有 Favorit 字体文本上启用 'ss04' 字体功能设置——该风格集是品牌语气的一部分
  • 保持卡片圆角为 8px——小巧而精确的角落,感觉有意识,而非柔和

建议避免

  • 不要将 #dcff4f 用于正文文本、完整区块的背景或装饰填充——它仅作为功能性点缀
  • 不要添加阴影或抬升效果——深度来自色彩层次和细线边框
  • 不要使用多个强调色——该系统为单色,仅有一个青绿色亮点
  • 不要将正文段落或长文本段落居中对齐——应左对齐,每行字符数为 60-70
  • 不要使用纯白色(#ffffff)作为文本或边框——#faf9f4 更温暖且更具辨识度
  • 不要使用粗体字重(600及以上)——该系统依赖 400 字重并配合扩展字形以增强存在感
  • 不要使用渐变——该系统为扁平设计;任何渐变都会破坏编辑风格的扁平性