Still climbing, not yet default. The Are.na reference board is active (61 blocks). A real window before it’s everywhere.还在上升,尚未成为默认。Are.na 参考板活跃(61 块)。真正铺开之前还有一个窗口。
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不止看见,直接拿走
Copy the working snippet, or 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。全部免费。
The mono-terminal look borrows from the command line: monospaced type, tight grids, high information density and almost no colour beyond one electric accent.单色终端借的是命令行:等宽字体、紧网格、高信息密度,除了一个电子色几乎不用颜色。
In context · illustrative — not a case study情境参考 · 示意 — 非实际案例Photo图: Pixabay / Pexels
03 — In practice03 — 实战
When to reach for it什么时候用它
Use for用在
Developer tools
AI products
Data-dense back-ends
Portfolios
开发者工具
AI 产品
数据密集型后台
作品集
Avoid for别用
Mass-consumer (needs warmth)
Senior / kids products
大众消费类(要亲和)
老人/儿童产品
04 — Palette04 — 配色
Colour, with roles配色 · 带角色
Text文字
Text文字
#0A0E0A
Ground底色
Ground底色
#D0FFD6
Accent强调
Accent强调
#33FF99
Highlight高光
Highlight高光
#16241A
Base基础
Base基础
#8A9A8A
Production check — contrast as text on the light page (WCAG, computed)生产检查 — 作为文字放在浅色页上的对比度(WCAG 实测)
Text文字
17.98:1
Body OK正文可用
Ground底色
1.02:1
Fill only仅填充
Accent强调
1.22:1
Fill only仅填充
Highlight高光
14.92:1
Body OK正文可用
Base基础
2.75: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 — Space Mono.标题 — Space Mono。Sets the headline character for this look.为这个样子定标题的性格。
Body — IBM Plex Sans.正文 — IBM Plex 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是材质,不是滤镜
Set everything in a good monospace, lean into alignment (mono makes columns effortless), and add thin grid lines. One accent colour, used sparingly, keeps it from feeling cold and dead.一切都用好的等宽字,善用对齐(等宽让分栏毫不费力),加细网格线。一个强调色,克制地用,免得冷得没有生气。
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.精选链接,指向这个方向真正活着、被记录的地方——实时参考板、给提案话术的编辑内容、判断饱和度的画廊。我们只链接并署名,不搬运任何人的作品。
Monospace type + high data density + almost no color plus one electronic accent + thin grid lines. Terminal feel, careful typesetting.
等宽字体 + 高数据密度 + 极少颜色配一个电子色 + 细网格线。像终端但排版讲究。
Tools —工具 —A quality mono (JetBrains Mono, Space Mono, IBM Plex Mono), CSS grid, one accent.一款好等宽字(JetBrains Mono、Space Mono、IBM Plex Mono)、CSS grid、一个强调色。
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.每份指南、实时时机、配色和范例图——全都免费。订阅每周“什么在涨”邮件,不错过任何动向。