ISSUE 63 · 新官网观察
字体、配色、气质、域名…
扒完600个新上线的官网
这4件事，早就成了集体选择
Nothin' · Goodside Studio · Granola · Tokens Studio
官网的胜负手，正在从"说什么"转向"让人记住什么"。
哈喽，我是大鹏，这里是第二灵感库。
我最近干了件有点"笨"的事。
我在翻一个专门收录优秀网站的画廊（Lapa Ninja），翻着翻着起了个念头：把它最近收录的官网批量扒下来，做个统计会怎样？
于是我把最近收录的 600 个官网 一条条爬了下来——都是 2026 年 6 月到 9 月之间新上线或刚改版的，来自全球各地的公司、工作室、独立创作者。
统计完我有点意外：很多我以为是"个人审美偏好"的东西，其实早就成了集体选择。
数据先摆在这里：
600个新官网 · 数据速览
● 41.7% 是创意工作室 + 作品集 + 机构类（250个）
● 字体第一名 PP Neue Montreal（47次），把 Inter（45次）挤到第二
● 115个站 用了衬线字体，接近两成
● 只有 53.5% 的站还在用 .com 域名
这4个数字背后，是4件事。每件事我都配了一个我认为最有代表性的站，一起看。
PART 01
最火的字体，不是 Inter
付费的独立字体，赢了免费字体
网址：noth
第一个发现来自字体，也是我最意外的。
做设计的人心里大概都有个默认答案：这种统计的第一名，肯定是 Inter——它免费、中性、耐看，几乎是这几年所有 SaaS 官网的标配。
结果第一名是 PP Neue Montreal（47次）。
600个站 · 字体使用排行
1. PP Neue Montreal 47次
2. Inter 45次
3. Suisse 15次
4. Geist / Neue Haas Grotesk 各12次
5. Aeonik / PP Editorial New 各11次
PP Neue Montreal 是荷兰字体厂牌 Pangram Pangram（PP） 的商业字体，要付费授权。
更值得看的是把厂牌合起来算：PP 家的字体在600个站里出现了 99 次；而所有免费开源字体（Inter、Geist、DM Sans、Manrope、Satoshi、Space Grotesk…）加起来是 83 次。
付费的独立字体，赢了免费字体。
为什么？我在巴黎创意工作室 Nothin' 的官网上找到了答案。
Nothin' 在巴黎，官网上给自己的定位是"a protean augmented-creative studio"——一个不断变形的、AI增强的创意工作室，主要服务拒绝"平庸感"的时尚与奢侈品牌。首页就一句话："Let's start from nothin'"（从零开始）。
它官网用的是 PP Neue Montreal，字体排得非常"沉"——大字号、紧字距、几乎没有多余的装饰。
但真正让我记住这个工作室的，是它做的一个咖啡品牌案例 Utopia（瑞士精品咖啡，单一产地 + 有自己的咖啡师学校）。案例描述里有一段话，我读完就抄下来了：
"specialty coffee has a house style now, clean but interchangeable, saying nothing of travel or craft."
（精品咖啡现在有了一套统一的"高级风格"：干净，但是可以互换的，说不出任何关于旅行和手艺的事。）
然后他们怎么破这个局？不是换个配色、加个插画，而是把"品味教育"直接做进了品牌本身——每个产地有自己的故事、自己的风味、自己的"慢下来"的理由。
温度靠材质和手工感带回来：想让人伸手去摸的材料、"像画出来而不是排出来的字体"（type that feels drawn rather than set）、带着产地气息的图像。
最后的结果，用他们的话说：是一个"house"，不是一家"chain"（庄园，不是连锁）。
大鹏说：这段案例其实把字体的价值说透了。Inter 免费、好用、没错——但正因为它免费好用，它同时出现在几百万个网站上，它不替你说任何话。当你的行业里所有人都在用同一套视觉语言时，换一款"别人没有"的字体，是成本最低、效果最直接的一次差异化。我说的是付费字体，但逻辑对免费字体同样成立：别默认选第一个想到的，先想清楚你要说什么。
PART 02
衬线字体，悄悄回来了
不是当正文用，是当"气质"用
网址：goodside
第二个发现：600个站里有 115 个用了衬线字体，接近两成。
这个比例比很多人印象里高。毕竟过去十年网页设计的主流是"无衬线一统天下"——干净、中性、屏幕友好，连大厂都在出免费无衬线字体家族。
现在衬线在回来，而且回来的方式很有意思：不是当正文字体用，是当"气质"用。
代表站我想推荐 Goodside Studio——一家美国的独立品牌设计工作室，域名用的是 .studio。
它官网首页的主标题是一句写在正中间的话：
"Where meaningful ideas become memorable brands"
（让有意义的想法，变成让人记住的品牌）
紧接着下面有一行斜体衬线："Let's imagine what's possible"（让我们想象一下可能的样子）。用的字体是 Epicene Text Light，一种很细、很"书卷气"的衬线。
它官网上写的另一段话，也很衬这个调性：
"The brands we remember have a way of making us see things differently. They turn everyday products into rituals, ordinary places into destinations, and new ideas into things people can't imagine living without."
（我们记得住的品牌，总有办法让我们换个方式看事情：把日常产品变成仪式，把普通地点变成目的地，把新想法变成人们无法想象没有它的东西。）
作品列表也很有说服力——都在做"小而深"的品类：一家社区的法国小酒馆、一个自然酒和植物饮品品牌、一家心理健身机构、一家有使命感的风投、一个现代花店网络、一家扎根"温暖现代主义"的室内设计工作室。
大鹏说：衬线为什么回来？我的理解是——它们开始提供"人手感"了。
AI 时代的设计有个普遍的副作用：太丝滑。所有东西都干净、都规整、都完美，结果就是没有温度，看谁都是一个味道。而衬线字体天然带"写字"的痕迹，细衬线 + 大字号 + 大量留白，会让人感觉这东西是有人认真做过的，不是批量生成的。
具体怎么用？我的经验是三条：标题用衬线、正文用无衬线（保证可读性）；衬线只给一句话（就是你想让人记住的那句）；字号要够大（细衬线小了就糊了）。胆子再大一点，可以用斜体——那个倾斜感，是"表达"而不是"陈述"。
PART 03
AI 产品的官网，越来越不像"AI公司"了
早期要证明"我是AI"，现在要证明"我有用"
网址：granola
第三个发现，是 AI 类网站的集体变化。
600个站里，AI 类是独立分类下数量第四的（25个）。但让我意外的不是数量，是气质：这些站基本都不走那套"科技感"了——没有深蓝紫渐变、没有漂浮的粒子光效、没有机器人形象、没有一屏一屏的"颠覆革命"。
它们越来越像一个普通产品的官网，甚至像一本出版物。
最典型的代表是 Granola——一款AI会议笔记产品。
它首页的标题是：
"The AI notepad for back-to-back meetings"
（给连轴转会议准备的AI记事本）
第二行更狠："Notes, actions and memory. Without a meeting bot."（笔记、行动项、记忆，而且不需要一个会议机器人加入）。
它怎么讲自己的产品？不是列功能，是分三个时间段讲场景：
● 开会前：和日历同步，为每场外部会议准备一份 Brief——谁参加、上次聊了什么、这次关键是什么
● 开会中：别在"听"和"记"之间选一个了。你随便记几个字，它用上下文帮你写成清楚完整的笔记
● 开会后：笔记、行动项、跟进事项在你会议结束那一刻就准备好了
而最能说明它态度的一句话是这个："Humans in the room, not bots"（房间里是人，不是机器人）。
整页往下拉，是它的信任墙——评价来自 Linear 的 CEO Karri Saarinen、Andreessen Horowitz 的合伙人 Olivia Moore、Vercel 的 CEO Guillermo Rauch、以及 Menlo Ventures 和 Nat Friedman。这些人一句"这个东西一用就秒懂"，比一百张功能截图都有用。
大鹏说：这背后是个挺重要的转变。早期的AI产品需要"证明自己是AI"，现在的AI产品需要"证明自己有用"。
当"AI"不再稀缺，用科技感营销就变成了减分项——用户在意的不是你的模型参数，是"我明天早上那个会，它到底能不能帮我少写半小时笔记"。所以 Granola 全程没提技术，只说"开会前/中/后你分别能省什么事"。这个思路对我们做任何B端产品都通用：别解释你多聪明，展示你多有用。
PART 04
快一半的新官网，不用 .com 了
域名和内容，正在替你完成自我介绍
网址：tokens
最后一个发现，藏得最深，但要挖开看才有意思。
我统计了这600个站的域名后缀：
600个站 · 域名后缀分布
.com 321个（53.5%）
.co 32个
.studio 29个
.ai 20个
.design 12个 / .io 12个 / .xyz 12个 / .app 11个
也就是说，将近一半的新官网上，域名本身就在说明自己是谁。
代表站我想推荐 Tokens Studio——一家做设计系统（Design Tokens）的平台，域名直接就是 tokens.studio。做设计的人可能不少人装过它的 Figma 插件。
它官网的第一句是："Design systems, fully automated"（完全自动化的设计系统）。规模也不小：Figma 插件 30万用户、3.4万日活，客户里有 TomTom、Babbel 这样的团队。
但我想推荐它的原因，是它做了一件特别"不像工具官网"的事。它的页面除了卖产品，还塞了大量教育内容：一整套教学视频、博客文章，标题都是这种——
"Logos are nice. But stories are better."
（Logo很好看，但故事更好。）
"Bringing The Soul Into SAAS"
（把灵魂带进SaaS）
这其实很不"B2B"。一般工具类官网的套路是：功能 → 价格 → 注册。而它在官网里花大段篇幅回答"设计系统该怎么做"——它先当老师，再当卖家。
大鹏说：这4条里，这条是我觉得最容易被忽略、但性价比最高的。买一个好域名、或者用 .studio/.design/.ai 这类后缀，成本可能就几十块一年，但它替你完成了第一句自我介绍——访客还没打开页面，就已经知道你的身份和定位了。一个做工作室的用 .studio，一个做设计工具的用 .design，天然比 xxx-company.com 有说服力。
第二个值得抄的是"官网即内容"。今天做工具的官网拼的已经不是功能列表了，是"你到底懂不懂这一行"。把你的专业判断写出来、录出来，比多放3个功能图标更能让人信任你。这条对我们做设计的人也是一样的：你的作品集里放判断，比放成品更值钱。
LAST PART
4个信号，一个方向
收个尾。把4个发现并排看，其实都指向同一件事。
● 字体（PP Neue Montreal 47次 > Inter 45次）：付费独立字体在赢，因为免费字体不替你说任何话
● 衬线（115个站，近两成）：设计师在找"人手感"，对抗AI时代的丝滑与冰冷
● 气质（AI站点的集体去科技化）：早期AI产品要证明"我是AI"，现在要证明"我有用"
● 门户（.com 只占53.5%）：域名和内容，正在替你完成"你是谁、你懂什么"的自我介绍
这4件事的底层是同一句话：官网的胜负手，正在从"说什么"转向"让人记住什么"。
以前做官网，拼的是信息完整度——功能要全、客户要炫、口号要响。现在最难的部分不是"我有什么"，而是怎么让一个人看完之后，脑子里留下的是一个"感觉"而不是一堆"字"。
而这4条，恰好都是不需要预算就能动手的：换一款字体、把最想让人记住的那句话改成衬线、把功能列表改写成一个具体场景、认真挑一个域名。
不用重做整站，改其中一条，官网的气质就已经不一样了。
关于这组数据，说清楚来源
本期统计的是 Lapa Ninja（lapa.ninja）最近收录的600个官网，上线或改版时间集中在 2026 年 6 月至 9 月。字体、分类、域名等信息来自各站的页面源码与结构化数据。
它代表的是"这一批被收录的新官网"，不等于全行业的比例——被画廊收录本身就是一个筛选。所以数字请当趋势看，不要当行业报告用。
这期是"新官网观察"第一期，下期想看什么类型，评论区告诉我。
所有的"网址资源"我都整理好了一份文档。
#网页设计 #UI设计 #设计灵感 #字体设计 #第二灵感库
觉得有用的话，点赞 + 在看 + 转发三连支持一下
ISSUE 63 · SEE YOU NEXT WEEK