Daniel Sun 网站预览
Daniel Sun 网站预览

Daniel Sun

近白色基底、手写字体点缀与扁平表面。

页面以近白色为基底,搭配近黑色文字。字体采用 Reddit Sans Condensed、Inter Display。视觉特点包括手写字体点缀、扁平表面、非对称构图、宽松留白。适合参考的场景:设计工作室首页、案例展示页。

查看原始网站

使用规范

建议采用

  • 所有展示级标题使用 Reddit Sans Condensed 900,88-246px,紧缩几何就是品牌。
  • 姓名或首屏展示精确设为 246px,字间距 -6.89px,这个尺度是标志,不能省略。
  • 每个首屏恰好放一道黄色渐变光束,它是系统唯一彩色元素。
  • 区块标题上方的个人时间戳使用 Caveat 700,28px,颜色 Graphite #808080,让它退到展示字体之后。
  • 所有顶级导航使用导航胶囊,圆角 110px、背景 #1f1f1f,绝不替换为平面水平栏。
  • 作品卡片和图片圆角 14px,按钮 32px 胶囊形,导航 110px 完全圆润;三种圆角就是系统几何。
  • 正文保持 Inter 500,18-20px,行高 1.30,绝不用字重 400;中等字重对巨大展示文字旁的可读性不可妥协。

建议避免

  • 不要添加 #ffd500 之外的彩色,系统是单色加唯一太阳强调,引入第二色相会破坏画廊比喻。
  • 展示姓名不要低于 88px 或高于 246px,极端尺度就是重点,中间字号会丧失冲击。
  • 按钮、导航元素或文字块不要用阴影,唯一阴影模式只留给作品卡片。
  • 不要以非紧缩展示字体替代 Reddit Sans Condensed,压缩字形让 246px 标题像单一整体。
  • Caveat 不要用于长于日期范围或一行旁白的内容,手写体承载真实内容时会失去亲密感。
  • 唯一黄色光束之外不要添加渐变,系统只有平面表面与一个光源,多色渐变会破坏克制。
  • 正文或副标题不要用字重 700+,500 是系统声音,加粗会在 900 展示字体旁产生视觉噪声。