Contrast Display Serif高对比展示衬线
High-contrast display serifs, set large, doing the talking.高对比的展示衬线,放大,负责开口说话。
Where it is in its life它走到哪一步了
Still climbing, not yet default. The Are.na reference board is active (721 blocks). A real window before it’s everywhere.还在上升,尚未成为默认。Are.na 参考板活跃(721 块)。真正铺开之前还有一个窗口。
Weekly watchlist每周看板live实时
Ship it, don’t just see it不止看见,直接拿走
grab the palette and type as tokens for your project — CSS variables, Tailwind, or W3C design tokens. All free.把配色和字体作为 tokens 拿进项目——CSS 变量、Tailwind、W3C design tokens。全部免费。
What it is, and why now是什么,为什么现在
Contrast display serifs — thick-to-thin, dramatic, a little fashion-magazine — are back as headline type after a decade of geometric sans everywhere.高对比展示衬线——粗细反差大、戏剧化、有点时装杂志味——在一整个几何无衬线当道的十年之后,作为标题字回来了。
When to reach for it什么时候用它
Use for用在
- Fashion / editorial
- High-end brand headlines
- Magazine-style layouts
- 时尚 / 编辑
- 高端品牌标题
- 杂志式排版
Avoid for别用
- Long body copy
- Small-size UI
- 正文长文
- 小字号 UI 界面
Colour, with roles配色 · 带角色
Type pairing字体搭配
Body — Inter.正文 — Inter。 Keeps captions and UI legible underneath it.让下面的说明和 UI 保持清晰可读。
Both open-source (Google Fonts), free for commercial use. Pairing + embed code in the Pro assets.均为开源(Google Fonts)、可商用。搭配与嵌入代码在 Pro 素材里。
It’s a material, not a filter是材质,不是滤镜
Pair a high-contrast display serif for headlines with a neutral sans for body. Set the headlines large, tighten the tracking, and give them room. Fraunces and PP Editorial are good starting points.标题用高对比展示衬线,正文配中性无衬线。标题放大、字距收紧、给它留白。Fraunces、PP Editorial 是不错的起点。
Sources, not screenshots是来源,不是截图
Curated links to where this actually lives and gets documented — live boards for reference, editorial for pitch language, galleries to gauge saturation. We link out and credit rather than re-host anyone’s work.精选链接,指向这个方向真正活着、被记录的地方——实时参考板、给提案话术的编辑内容、判断饱和度的画廊。我们只链接并署名,不搬运任何人的作品。
A recipe配方
- A high-contrast display serif for big headlines
- pair body with a neutral sans
- tighten tracking
- lots of whitespace. See Fraunces, PP Editorial.
- 粗细反差大的展示衬线做大标题
- 正文配中性无衬线
- 字间距收紧
- 大留白。参考 Fraunces、PP Editorial。
It’s all free全部免费
Every guide, the live timing, palettes and example images — all free. Get the weekly “what’s rising” email so you never miss a move.每份指南、实时时机、配色和范例图——全都免费。订阅每周“什么在涨”邮件,不错过任何动向。