Andrei Rybin

白色基底、网格布局与细线分隔。
页面以白色为基底,搭配近黑色文字。字体采用 Inter、system-ui (sans-serif)。视觉特点包括网格布局、细线分隔、分屏构图、胶囊形控件。适合参考的场景:设计作品集、创意服务介绍页。
查看原始网站使用规范
建议采用
- 保持整个界面无彩色——墨在纸上,以石墨与石材实现柔和的层级关系
- 项目方格使用8px圆角,图标容器使用16px圆角,胶囊标签和圆形按钮使用40px(或9999px)
- 正文与图注文字使用Inter 12px,字间距-0.0170em;保留24px Inter用于单段引言段落
- 仅用空白间距分隔页眉列——导航项之间不使用垂直线或分隔条
- 卡片内元素间距为10px,页面区块间间距为120px
- 让图像承载页面内容;系统应隐藏在作品之后,不可见
建议避免
- 不要引入任何彩色——没有强调色,没有品牌色,没有语义状态色
- 不要使用多种字重——仅使用Inter 400作为唯一声音;不使用粗体、不使用轻体、不使用斜体
- 不要为方格或按钮添加阴影、渐变或填充;边框是唯一的分隔方式
- 正文文本不要居中——图注和元数据采用左对齐或上下文对齐,仅在内容块自然将下方图注居中时例外
- 卡片的圆角不得小于8px,图标圆角不得大于16px——圆角体现系统的柔和性,必须保持一致
- 不要引入导航模式(汉堡菜单、侧边栏、大菜单);页眉仅为一条文本条
- 不要破坏网格结构——禁止不规则或重叠的方格布局;网格是页面的结构真实