设计系统听起来像大团队的事。对个人项目来说,它可以只是一张颜色表、一组字号和一份常用组件的约定。

先确定几个高频决定

页面背景、正文颜色、强调色、边框颜色、正文宽度和间距尺度,往往决定了大部分界面观感。把它们存成主题变量,后续微调就有明确入口。

css:root {
  --color-page: #fbfcfa;
  --color-ink: #18302b;
  --color-muted: #6b7c75;
  --color-accent: #b9e98a;
}

组件库负责重复的部分

导航按钮、分类标签和弹出菜单不需要每次重新写。选一个成熟的组件库并设置主题,让控件行为一致,把时间留给文章编排和品牌表达。