Allfeat 网站预览
Allfeat 网站预览

Allfeat

近黑色基底、圆角卡片与渐变展示。

页面以近黑色为基底,搭配暖白色文字。字体采用 TASA Orbiter。视觉特点包括圆角卡片、渐变展示、细线分隔、居中构图。适合参考的场景:技术项目官网、区块链产品介绍页。

查看原始网站

使用规范

建议采用

  • 所有交互型填充按钮的填充色必须使用 #00b18c,这是唯一的色彩性 CTA(行动号召)
  • 所有按钮、徽章和导航胶囊的半径统一设为 900px——此为强制要求,唯一例外是卡片或图片为 12px
  • 所有展示类文字的字间距统一为 -0.02em,行高为 0.95 至 1.00,使标题坍缩为自信的块状结构
  • 使用 1px 内嵌边框 #383835 作为唯一卡片深度处理方式——禁止在其上叠加阴影
  • #ff4a5f 仅用于眉题标签、渐变强调,以及标题内部富有情感的强调文字片段,绝不用作按钮填充或正文颜色。
  • 每个首屏和主要区块都以柔和青绿色放射晕染为基础,从约25%不透明度的 #00b18c 渐淡至透明。
  • 正文文字保持使用 TASA Orbiter 400 字重,字号 16-18px,颜色为 #fffbeb 或 #b8b8b8;永不小于 13px

建议避免

  • 不要引入新的强调色——系统中仅有青色和珊瑚红两种色彩性表达
  • 不要在卡片或图片上使用 8px 或 16px 的半径;系统中容器元素严格为 12px,交互元素为 900px
  • 不要使用纯白色(#ffffff)作为文字颜色——始终使用 #fffbeb,暖奶油色调是品牌的一部分
  • 不要在任何位置添加阴影——整个层级系统仅使用内嵌边框
  • 不要打破单字体规则,禁止引入第二套字体;TASA Orbiter 的 400/500/600 字重已覆盖所有需求
  • 不要将标题设置为浅或极细字重——600 为标题类显示的最低字重,400-500 仅用于次要的弱化语句
  • 不要使用 #ff4a5f 珊瑚红填充按钮——珊瑚红是氛围性色彩,非可操作指令;只有 #00b18c 才表示可执行操作