destroytoday.com 网站预览
destroytoday.com 网站预览

destroytoday.com

白色基底、渐变图像与文字主导。

页面以白色为基底,搭配近黑色文字。字体采用 系统字体。视觉特点包括渐变图像、文字主导。适合参考的场景:设计工作室首页、案例展示页。

查看原始网站

使用规范

建议采用

  • 所有文本均使用系统字体堆栈(-apple-system, system-ui 等)——绝不加载网络字体;原生阅读体验即为品牌表达。
  • 将背景设为 #ffffff,正文文字设为 #222222,适用于所有内容区域。
  • 仅将 #0000ff 用于小方块 DT 标识 印章的填充——将其视为印章,而非涂染。
  • 所有链接均使用 #555abf 颜色下划线;绝不移除下划线,它标志着文档式的阅读模式。
  • 各区块之间使用 64–135px 的垂直间距,并允许项目图片从文本列中溢出至全宽。
  • 将色彩(钴蓝渐变、琥珀弧线)仅用于 Stripe 风格的插图场景——绝不将插图色彩延伸至UI控件或文本中。
  • 内容列宽度保持在约 480–560px,以适应正文阅读;这种狭窄的尺度正是让作品读起来像打印页面的原因。

建议避免

  • 任何元素均不添加圆角——卡片、按钮、图片和标识 均保持锐角。
  • UI组件不使用阴影;若需分层,使用 1px #d8d4cf 边框替代。
  • 按钮或标签不使用彩色填充——此系统没有带填充的动作按钮,仅有下划线链接和标识印章。
  • 不为背景、卡片或文本添加渐变;渐变仅用于插图块,绝不用于UI元素。
  • 不添加强调边框、彩色分隔线或区块间的装饰横线——仅依靠空白间距来分隔。
  • 链接悬停状态不使用鲜艳色彩;保持在靛蓝到印章蓝的范围内(#555abf → #0000ff)。
  • 正文段落或区块标题不居中对齐——所有内容均在列内左对齐阅读。