Nathan Riley 网站预览
Nathan Riley 网站预览

Nathan Riley

白色基底、网格布局与错落拼贴。

页面以白色为基底。字体采用 font1、Custom Display Serif。视觉特点包括网格布局、错落拼贴、大幅图像展示、衬线字形。适合参考的场景:设计作品集、创意服务介绍页。

查看原始网站

使用规范

建议采用

  • 只使用三种中性明度与唯一灰玫瑰卡片色,绝不引入新色相;系统刻意单色。
  • 展示姓名文字设为 238px,行高 0.80,字间距 -0.04em,复现编辑刊头效果。
  • 9999px 圆角专用于导航胶囊文字块,其他所有元素保持 0px 圆角。
  • 所有图片块边到边排列,无内边距、圆角或阴影;网格就是布局,而不是容器。
  • 中央姓名卡背景使用 #e8c4c0,四周内边距 38px,作为唯一非单色表面。
  • 所有展示文字使用定制衬线,字重 300-400,绝不用无衬线标题替代;衬线就是品牌。
  • 导航文字块间保持 6px 间距,图片网格单元间保持 2px,令间距紧密而结构化。

建议避免

  • 不要添加任何新颜色,唯一淡粉卡片背景之外不使用蓝、绿或暖色。
  • 卡片、图片或内容容器不要使用圆角;只有导航胶囊文字块有圆角。
  • 任何组件不要应用阴影或浮起效果;系统平面,依赖色彩对比与网格结构形成深度。
  • 不要添加任何渐变,色板只用实色。
  • 标题或展示文字不要用无衬线;极大尺度的定制衬线是标志元素。
  • 图片网格不要限制在 max-width 容器中,必须满幅铺至左右边缘。
  • 不要添加页头导航、页脚或侧栏外框;浮动姓名卡与底部胶囊文字行就是完整导航系统。