Ryan Stephen

白色基底、网格布局与渐变展示。
页面以白色为基底,搭配近黑色文字。字体采用 无衬线字体、系统字体。视觉特点包括网格布局、渐变展示、宽松留白、非对称构图。适合参考的场景:设计作品集、创意服务介绍页。
查看原始网站使用规范
建议采用
- 所有图像和类似卡片的表面使用 10px border-radius。
- 色板限于 #000000、#404040、#8b8b94 和 #ffffff,不使用强调色。
- 正文采用 system-ui,16px、500 字重;元信息和链接行采用 12px、400 字重。
- 所有文字的 line-height 统一为 1.20。
- 保持 3-column 图像网格,间距为 15–20px,分区留出 100px 呼吸空间。
- 图像直接放在白色画布上,不加框、阴影或背景。
- 链接使用纯文字,不加按钮、下划线或图标。
建议避免
- 不要引入品牌色或强调色;不使用彩色本身就是品牌特征。
- 任何元素都不要添加投影、渐变或抬升效果。
- 不要加载自定义网页字体;系统字体就是这套体系。
- 图像或卡片的 border-radius 不要使用 10px 以外的值。
- 简介或链接行不要包裹在卡片、容器或带边框的盒子中。
- 社交链接或导航项不要添加图标。
- 不同元素不要使用不同圆角;整个体系使用同一个值。