Aninix 网站预览
Aninix 网站预览

Aninix

白色基底、大字排版与宽松留白。

页面以白色为基底,搭配近黑色文字。字体采用 Euclid Circular A、P22 Mackinac Pro。视觉特点包括大字排版、宽松留白、扁平表面、网格布局。适合参考的场景:设计作品集、创意服务介绍页。

查看原始网站

使用规范

建议采用

  • 仅在调用按钮填充、标志图形和‘由 Aninix 提供’的归属标签中使用 #374fd5 —— 严禁用于大区域背景填充
  • 将首屏标题设为 72px / 字重 700+,字间距 -0.72px,颜色为 #000 —— 大型文字置于白色背景上,是页面的核心身份
  • 所有卡片表面采用 16px 圆角,所有按钮采用 8px 圆角 —— 这两个数值定义了组件的几何形态
  • 仅保留双层按钮阴影作为系统中的唯一阴影;卡片与导航栏必须完全扁平
  • 交替使用浅色(#f0f0f0 或 #ffffff)和深色(#0b1118)展示卡片,以创造视觉节奏,而不引入额外色彩
  • 正文文字保持在 16-18px,使用 system-ui 字重 400-500;显示字体承载品牌语气
  • 导航栏水平内边距设为 80px,区块间距也设为 80px —— 页面因此显得有呼吸感

建议避免

  • 除 #374fd5 之外,绝不使用任何其他色彩 —— 1% 的色度是整个品牌策略
  • 除主要 CTA 按钮外,绝不使用双阴影叠加效果
  • 永远不要在一个屏幕上使用超过2 种字体家族——大标题使用Euclid Circular A,正文使用system-ui,仅在编辑性引文处使用Mackinac
  • 绝不使用渐变——系统以扁平化为哲学原则
  • 绝不将 #000000 用于小字号正文;小字号(低于 24px)应改用 #171717 或 #333333
  • 绝不将图标嵌入正文或卡片内——图标仅限于标志、CTA 前缀和导航栏使用
  • 绝不将靛蓝强调色用于超过单个单词的文本;该色仅用于标签、按钮和图形符号