Shelby 网站预览
Shelby 网站预览

Shelby

深橙色基底、大字排版与紧密字距。

页面以深橙色为基底。字体采用 Times、GT-Planar。视觉特点包括大字排版、紧密字距、扁平表面、居中构图。适合参考的场景:区块链项目介绍页、生态网站首页。

查看原始网站

使用规范

建议采用

  • 所有主要标题均使用 GT-Planar 700 字重,字号 59-95px,居中对齐,字间距 -0.04em
  • 正文使用 GT-Planar 400 字重,字号 18px,行高 1.4,颜色为 #322312 在浅色背景上,或 #ffdfef 在深色背景上
  • 每个标题区块前均需添加一个 11px 大写 标题前的小标签 标签,使用 ABCReproMono,颜色为对比色背景
  • 满幅区块背景在可可色 (#322312) 与浅粉红 (#ffdfef 或 #ffc2e1) 之间切换——永远不要使用白色或中性灰作为底色
  • 按钮和徽章使用 4px 圆角,卡片使用 10px 圆角——圆角绝对不可超过 12px
  • 让 #ff77c9 成为显示字体、链接和图标描边的主导强调色——它必须出现在每屏
  • 所有组件保持扁平,无阴影、无渐变、无玻璃态设计

建议避免

  • 不要在任何元素上使用超过 12px 的圆角——锐利边缘的扁平感是美学核心
  • 不要为卡片、按钮或任何交互元素添加阴影或抬升效果
  • 不要使用白色 (#ffffff) 或中性灰作为页面背景——仅限可可、紫罗兰和粉色调
  • 正文字体大小不可低于 16px 或高于 22px——字体系统有严格的正文范围
  • 不要引入新的强调色——色彩体系刻意限制在粉、紫、棕三色范围内
  • 展示标题不要左对齐;首屏采用居中排列,眉题在上、标题在下。
  • 不要使用库存照片、产品截图或 3D 渲染——设计仅限于字体与图形