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 不用于导航、正文或低于展示尺度的任何文字,它仅是字标字体。