Cusps — Trend Guide— 趋势指南
Type / Layout字体 / 排版Evergreen常青

Hand-Lettering手写手绘字

Caveat / Nunito Sans

Real, imperfect strokes — the human hand as an antidote to the algorithm.真实、不完美的笔触——用人手对抗算法。

Evergreen staple常青常备Are.na 890 blocksDiscipline工种 Type / Layout字体 / 排版
01 — Signal & timing01 — 信号 · 时机
Live · free实时 · 免费

Where it is in its life它走到哪一步了

Evergreen — a long-running staple, not a hype curve. It doesn’t ride a peak, so the question isn’t when but how well.常青款——长期常备,不在热度曲线上。它不追某个峰值,所以问题不是何时,而是做得多好
Are.na · reference boardAre.na · 参考板updated 2026-07-18更新于 2026-07-18
890 blocks890 块
Creative press · recent创意刊物 · 近期Design · fashion · packaging press (12 feeds)设计 · 时尚 · 包装刊物(12 源)
0 mentions0 次提及

A long-running staple, not a hype curve. Timing matters less here than execution — do it well and it won’t date.长期常备,不在热度曲线上。这里时机不重要,执行才重要——做好了就不会过时。

Weekly watchlist每周看板live实时

Variable Font Motion可变字体动效1232 ·
Risograph · Print GrainRiso / 印刷颗粒1120 ·
Wordmark Minimalism极简字标917 ·
Hand-Lettering手写手绘字890 ·
Muted Earth褪色大地842 ·
Contrast Display Serif高对比展示衬线721 ·
Live Are.na snapshot across Cusps trends. In Pro this becomes a weekly momentum board with week-over-week deltas, so you see what’s rising before it’s obvious.Cusps 各趋势的 Are.na 实时快照。Pro 版会变成每周动量看板,带周环比涨跌,让你在别人看清之前就看到什么在涨。
TAKE IT — production-ready拿走即用 — 生产级

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。全部免费。

02 — Overview02 — 概览

What it is, and why now是什么,为什么现在

Hand-lettering puts a visible human mark on the page: drawn or scanned letterforms that keep their wobble and weight. As everything else gets AI-smooth, the imperfection reads as warmth and honesty.手写手绘字在页面上留下看得见的人味:手绘或扫描的字形,保留它们的抖动和轻重。当其他一切都被 AI 磨得光滑,这种不完美反而透着温度和诚实。

Close-up of elegant calligraphy handwriting using a fountain pen on paper, showcasing artistic lettering.
In context · illustrative — not a case study情境参考 · 示意 — 非实际案例Photo: Miguel Á. Padriñán / Pexels
03 — In practice03 — 实战

When to reach for it什么时候用它

Use for用在

  • Food / craft brands
  • Packaging
  • Emotional headlines
  • 餐饮 / 手作品牌
  • 包装
  • 情感化标题

Avoid for别用

  • Tech / data products
  • Systems needing consistency
  • 科技/数据产品
  • 需要系统一致性的
04 — Palette04 — 配色

Colour, with roles配色 · 带角色

Text文字
Text文字
#2B2620
Ground底色
Ground底色
#F0E6D2
Highlight高光
Highlight高光
#C65D3B
Base基础
Base基础
#6B8E4E
Accent强调
Accent强调
#E0B04A
Production check — contrast as text on the light page (WCAG, computed)生产检查 — 作为文字放在浅色页上的对比度(WCAG 实测)
Text文字
13.86:1
Body OK正文可用
Ground底色
1.15:1
Fill only仅填充
Highlight高光
3.86:1
Large only仅大字
Base基础
3.47:1
Large only仅大字
Accent强调
1.85:1
Fill only仅填充
Which of these can safely carry body text vs stay decorative. Ships with every guide.哪些能安全承载正文、哪些只能做装饰。每份指南都附带这项检查。
05 — Type05 — 字体

Type pairing字体搭配

Aa
The quick brown fox jumps over the lazy dog. 0123456789
Display — Caveat.标题 — Caveat。 Sets the headline character for this look.为这个样子定标题的性格。

Body — Nunito Sans.正文 — Nunito Sans。 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 素材里。
06 — Texture & material06 — 质感 · 材质

It’s a material, not a filter是材质,不是滤镜

Draw it for real — on paper or a tablet — then vectorize while keeping the irregular strokes. Let the lettering be the one loud thing and set a plain layout around it so it isn’t fighting anything.真的去画——在纸上或平板上——再矢量化,同时保留那些不规则的笔触。让手写成为唯一响亮的东西,四周摆一个朴素的版式,别让它跟什么打架。

07 — Where to look07 — 去哪儿看

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.精选链接,指向这个方向真正活着、被记录的地方——实时参考板、给提案话术的编辑内容、判断饱和度的画廊。我们只链接并署名,不搬运任何人的作品。

08 — How to build it08 — 怎么做出来

A recipe配方

  1. Real handwriting scanned, or hand-drawn then vectorized
  2. keep the imperfect strokes
  3. let a simple layout set it off.
  1. 真手写扫描或手绘矢量化
  2. 保留笔触不完美
  3. 配简单版式衬托
  4. 一处主角就好。
Tools —工具 — Procreate / iPad, then Illustrator Image Trace, cleaned by hand.Procreate / iPad,再用 Illustrator 描摹,手动清理。

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.每份指南、实时时机、配色和范例图——全都免费。订阅每周“什么在涨”邮件,不错过任何动向。