Yinka Ilori Studio 网站预览
Yinka Ilori Studio 网站预览

Yinka Ilori Studio

近白色基底、渐变展示与网格布局。

页面以近白色为基底,搭配近黑色文字。字体采用 Haas Grotesk Display R Web、Yinka Sans Ultra。视觉特点包括渐变展示、网格布局、满幅色块、摄影展示。适合参考的场景:设计作品集、创意服务介绍页。

查看原始网站

使用规范

建议采用

  • 图案分区与安静 #f5e5e5 色场交替,两组图案之间须有 175px+ 呼吸粉色,不直接相邻。
  • 字标专用 120px Yinka Sans Ultra、4.8px letter-spacing,不用于低于 80px 的文字。
  • 全部界面文字恰好为 14px Haas Grotesk 400,仅副标题与期刊标题采用 20px、500 字重。
  • 全部分区内容采用 80px 横向内边距和 175px 纵向分区间距,形成编辑呼吸空间。
  • 唯一画布色为 #f5e5e5;SVG 图案艺术之外,唯一结构与文字色为 #000000。
  • 分离式导航,即左右组和 30px 列间距,在每个页面状态中持续存在,包括铺满边缘图案分区。
  • 把空白 #f5e5e5 空间当作刻意的设计元素,不急于填满。

建议避免

  • 任何组件不添加 box-shadows、渐变或 border-radius,体系严格扁平且尖角。
  • 界面色不引入蓝、绿或冷色;图案内部为暖粉/橙/绿,外部为中性色。
  • 不使用 20px 与 120px 之间字号,尺度有意二元,要么小功能文字,要么巨大展示文字。
  • 卡片、按钮或链接不加背景色,全部界面框架在 #f5e5e5 画布上透明。
  • 导航不以图标、按钮或容器装饰,必须保持纯大写文字链接。
  • 图案与安静分区之间的间距不压缩到 175px 以下,节奏需要戏剧性纵向距离。
  • Yinka Sans Ultra 不用于导航、正文或低于展示尺度的任何文字,它仅是字标字体。