Cusps — Trend Guide— 趋势指南
Tools工具 / 效率Rising正当红

AstroAstro

Space Grotesk / Inter

Content-first web framework — fast by default, JavaScript only where you ask.内容优先的网页框架——默认极快,只在你要的地方才上 JS。

Rising上升 · still early · 还早Are.na 218 blocksDiscipline工种 Tools工具 / 效率
01 — Signal & timing01 — 信号 · 时机
Live · free实时 · 免费

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

Emerging萌芽
Rising上升
Peaking见顶
Fading退潮
Are.na · reference boardAre.na · 参考板updated 2026-07-19更新于 2026-07-19
218 blocks218 块
Creative press · recent创意刊物 · 近期Design · fashion · packaging press (12 feeds)设计 · 时尚 · 包装刊物(12 源)
2 mentions2 次提及
Momentum · npm动量 · npmnpm installs, trailing quarternpm 装机 · 近一季度
+41%

Still climbing, not yet default. The Are.na reference board is growing (218 blocks), momentum +41%. A real window before it’s everywhere.还在上升,尚未成为默认。Are.na 参考板在增长(218 块),动量 +41%。真正铺开之前还有一个窗口。

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是什么,为什么现在

Astro is a framework built for content sites: it ships zero JavaScript by default and uses an ‘islands’ model to hydrate only the interactive parts.Astro 是为内容站而生的框架:默认零 JavaScript,用"岛屿"模型只给交互部分注水。

03 — In practice03 — 实战

When to reach for it什么时候用它

Use for用在

  • Content sites
  • Portfolios
  • Marketing pages
  • 内容站
  • 作品集
  • 营销落地页

Avoid for别用

  • Heavy-interaction apps
  • Realtime collaboration
  • 重交互的复杂应用
  • 实时协作类
04 — How it works04 — 怎么运作

Adopting it怎么上手

Author content in Markdown/MDX, build pages as components, and reach for an island only when a piece genuinely needs interactivity. The discipline of ‘JS only where needed’ is what keeps Astro sites fast.用 Markdown/MDX 写内容,页面做成组件,只有某块真需要交互时才动用一个"岛屿"。只在需要处上 JS 这份克制,正是 Astro 站快的原因。

05 — Where to look05 — 去哪儿看

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

06 — How to build it06 — 怎么做出来

How to start怎么开始

  1. Content-first + islands architecture + zero JS by default, fast to load. The go-to for portfolios, blogs and landing pages.
  1. 内容优先 + 岛屿架构 + 默认零 JS,加载快。做作品集/博客/落地页的首选。
Tools —工具 — astro, Markdown/MDX content, a UI framework (React/Vue/Svelte) for islands.astro、Markdown/MDX 内容、一个 UI 框架(React/Vue/Svelte)做岛屿。

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