此 处

— 为 什 么

[开场段留位]

[开场段第二段留位]

— 字 体 / Type

中文衬线

Noto Serif SC 用于标题、引文、刊物式签名 — 笔画饱满,中文文人气

中文无衬

Noto Sans SC 用于正文、导航、密集信息 — 笔画轻,屏幕长读不累

英文衬线

Cormorant Garamond Garamond 的现代复刻,意大利体优美 — 用于英文副标、章节眉

英文无衬

IBM Plex Sans 中性现代 — 用于英文正文、UI 元素

等宽

IBM Plex Mono 页眉 § 章节号、技术细节 — 给"刊物 / 期刊"语法做骨架

— 色 调 / Palette

深底

#2a2620 浓咖,主深色背景 — 不是黑,带暖意

浅底

#f0f1f3 冷灰,主浅色背景 — 不是纯白,稍冷藏气

铜金

#94735c accent — 管"动作 / hover / active / 高亮"

亮金

#c9a87c accent-bright — 深棕底上需要强对比的强调

墨绿

#3D5142 accent-green — 严肃语义锚:章节号 / 免责声明 / NextStop eyebrow,与铜金分工:铜金管美学,墨绿管严肃

— 章 节 体 系 / Chapters

整站像一本期刊,有 7 章 + 1 终点(联系)。每章用 § + 罗马编号锚定, 刊物气质优先于 SaaS 信息架构。章节顺序:

• I 履 历 · About — 一个人在职业路上做过什么
• II 业 绩 · Practice — 案件如何被解决
• III 凭 据 · Testimonials — 客户说
• IV 承 接 · Expertise — 我能接什么样的活
• V 同 席 · Convenings — 我在哪些场合出现过
• VI 洞 察 · Insights — 论文与随笔
• VII 造 物 · Artifacts — 法律之外做的东西(目光 / 此处)
• VIII 联 系 · Contact — 终点,不入循环

— 工 具 栈 / Stack

框架

Astro 5 静态站点生成,SEO 友好,首屏即原生 HTML

内容

Markdown + Astro Content Collections 业绩、洞察、同席、目光,都写 Markdown 自动收录

样式

原生 CSS + 设计 token 不用 Tailwind / SCSS,直接 CSS 变量管控全站节奏

视图过渡

Astro ClientRouter View Transitions API,跨页切换有翻页感

部署

Vercel 推送 GitHub 自动部署,边缘 CDN

— 参 考 / References

[参考清单留位 — 影响过设计的网站、刊物、字体规范]

— 致 谢 / Colophon

[致谢段留位]