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

Ryan Stephen

白色灰泥上的安静画廊墙面：作品集就是产品，界面隐入背景。

Ryan Stephen 的作品集像白色灰泥上的安静画廊墙面：几乎只有黑白，一种暖灰承担辅助文字和链接边框的职责。布局以内容为先、图像为主：左侧一个简介块，右侧一个 3-column 照片网格；没有多余界面框架、装饰或与作品竞争的品牌色。视觉体系刻意简朴：系统字体、单一的 10px 图像圆角、充裕留白，没有阴影或渐变。每个界面元素都被精简至功能本身，让摄影承载页面。

查看原始网站

使用规范

建议采用

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

相似设计语言