Choose Your Hero Font

当 Sans-Serif 过度用于 Landing Page / Homepage 后，我们将 Sans-Serif 作为AI-Slop的一个核心元素——虽然主要原因是 AI 排版让 Sans-Serif 特别slop。

于是一个新的问题：现在该用哪个字体作为 Landing Page Hero Section的品牌字体呢？这个问题不会难倒大部分设计师，只会难倒过度依赖 AI 进行产出、但是审美跟不上产品节奏的工程师们，比如说我。

我会想，Sans 又太土了，Sans-Serif 又太 AI-Slop ？究竟应该用什么字体作为 Hero Section 里最核心的字体呢？

首先聊聊 Hero Section

什么是 Hero Section ？Hero Section 一般指 Landing Page 整个首屏区域（大标题 + 副标题 + CTA + 图片/视频）。

Headline / Hero Headline，一般指那个最大的 H1 文案。

屯獭Tunta

在黑客松 AdventureX 2026 时，我也面临了这个问题，但是没有犹豫太久，而下面这张图，就是成果。

是的，我最后选择的，是让设计出一般logo，直接当成landing page的核心品牌部分。

这样做很讨巧，但也想不出来更适合更符合IP形象的品牌设计了。

个人网页

结束黑客松后，投入了个人主页的设计。我马上就想好了要把“Ulshké”作为Hero Section的唯一Headline，但字体选择仍然让我纠结了很久。

我喜欢特殊的设计，但是又不能过于特殊导致读者厌恶情绪。所以选择了IBM Plex Sans 的斜体，让变音符号和名字整体表达更融洽。

这个Hero Section还在迭代中，以后整体的排版设计可能会有变动，但是Headline的文字风格已经确定好了。

Nowledge Mem 的 Hero Section

想起这个主题，就是因为今天认真地看了Nowledge Mem的主页面。

这个页面的Headline，在sans的基础上，对字母连笔的地方有清晰的微调设计，让字母之间的区别变得格外清晰。这个字体就是“Bricolage Grotesque”。

字体不抢眼，非常符合整体页面的简单风格，你离远了看，这就是一个不跳脱的Sans字体。

但你坐在电脑前，还是能感受到字体的本身的风格。

回过头看这三个例子。屯獭 Tunta 是一个彻底拟人化的 IP，于是我可以干脆让 logo 当 Hero；Ulshké 作为人名，我只稍微用 IBM Plex Sans Italic 去强调那一点“偏移”的气质；Nowledge Mem 则是典型的功能型产品，虽然字体排版设计上没有太多花样，但Hero Section 字体选择本身就足够体现出审美人味。

这种审美人味核心是对品牌风格、对整体文字排版风格的把控。所以字体突兀的核心问题显然需要落到对品牌设计的理解上去。

字体只是 Hero Section 的皮肤，但皮肤后面是人来设计，还是模板化设计，一眼就能看出来。