Ryan Stephen 网站预览
Ryan Stephen 网站预览

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 以外的值。
  • 简介或链接行不要包裹在卡片、容器或带边框的盒子中。
  • 社交链接或导航项不要添加图标。
  • 不同元素不要使用不同圆角;整个体系使用同一个值。