Swiss / editorial / public
Folio Swiss
简洁、编辑感、结构强，适合公开介绍页和更清晰的个人首页。
LIVE PREVIEW
Zon
让公开页面更像经过编辑的结构页，而不是一次性 landing page。
PUBLIC INTRO
Folio Swiss
SwissPublicStructured
Best For
个人介绍页
Density
medium
FIT
个人介绍页作品集首页公开 profile轻文档入口
AVOID IF
强沉浸暗色叙事
THEMES
这里不是截图墙，而是样式选择器、预览面板和部署决策入口
先选 style pack，再看 fit、renderer recipe、host 归属和组件状态。这样这个站既能给你自己选型，也能为未来开放给别人做准备。
STYLE PICKER
先选风格，再看细节
每套风格都应该带预览、适用边界和 live sample。真正的 style hub 应该帮你做选择，而不是逼你读完整份文档。
ACTIVE
Swiss / grid / red accent
Swiss Modern
黑白底 + 红色点睛 + 可见网格，适合需要更强结构感和更明确焦点的页面。
LIVE PREVIEW
Grid stays visible.
参考 frontend-slides 的 Swiss Modern：网格、留白、红色作为唯一强调。
SWISS MODERN
Swiss Modern
GridMonoRed Accent
Best For
公开介绍页
Density
medium
FIT
公开介绍页作品集目录系统化说明页需要更强“结构感”的页面
AVOID IF
温和纸感阅读
paper / readable / restrained
Paper Ledger
亮底纸感，适合资料页、长文、对外说明和可打印内容。
LIVE PREVIEW
Paper keeps the copy calm.
适合把复杂信息拉回可阅读状态，尤其适合需要长时间停留的页面。
READABLE SYSTEM
Paper Ledger
ReadablePaperLong-form
Best For
case study
Density
high
FIT
case study说明页长页阅读打印导出
AVOID IF
强舞台化视觉
noir / private / quiet
Noir Editorial
暗底叙事，适合私有页面、求职页和更沉浸的长页表达。
LIVE PREVIEW
Quiet, but still structured.
更适合把“判断力”和“证据”包进一条沉浸式阅读路径。
PRIVATE ROUTE
Noir Editorial
PrivateDarkNarrative
Best For
private hiring
Density
medium
FIT
private hiringcase narrativeportfolio long pagehigh-contrast reading
AVOID IF
轻快公开首页
system / grid / mono
Mono Frame
更系统化的黑白皮肤，适合规范站、组件站和信息密度更高的目录页。
LIVE PREVIEW
Grids, tokens, and repeatable primitives.
适合把视觉选择、组件关系和路由配方讲清楚。
STYLE SYSTEM
Mono Frame
GridSystemDocs
Best For
styles atlas
Density
high
FIT
styles atlasspec docspattern librarydense dashboards
AVOID IF
情绪表达优先
HOST MAP
统一入口先收敛在 styles.zondev.top
现在最合理的治理方式是一个 canonical style hub，其他站点继续作为内容消费面或专题站。只有风格本身变成独立产品时，才值得拆 alias 或独立域名。
RECOMMENDED
styles.zondev.top
canonical style hub
继续作为统一样式入口，承接选择、预览、组件目录和接入说明。
CURRENT
motion.zondev.top
motion lab
保持动效专题站，不和 style catalog 混在一起。
CURRENT
intro.zondev.top
content consumer site
继续作为内容消费站，优先展示 data-driven 页面，而不是文档本身。
LATER
folio.zondev.top
future alias only
只有当某一套风格拥有独立受众和版本节奏时，再考虑加 alias。
DEPLOYMENT
部署策略也应该分阶段，而不是一开始拆多个项目
先统一 catalog，再加 alias，最后才拆独立产品。这个顺序更符合 design system 治理，也更适合你当前还在沉淀 contract 的阶段。
Now
One hub, many paths
先把所有 style pack、preview、recipes 和接入说明集中在 `styles.zondev.top`。优先统一 catalog，而不是拆多个独立项目。
Next
Stable packs with alias
当某一套风格在 2-3 个真实站点中稳定复用后，可以加 host alias，但仍指向同一项目里的 `/styles/themes/<id>`。
Later
Independent product only when deserved
只有当样式库本身要对外服务，并且 token contract、版本节奏、文档责任都独立后，再拆单独域名或单独项目。
UNIFICATION
现在该统一的是 pattern，不是把所有叙事结构硬塞成一个 schema
theme contract 和 site shell 已经很稳定；下一步更值钱的是把重复的 heading / link / row / card 提成共享 pattern，同时保留 intro hero 这类专属结构。
SHARED NOW
theme tokens、site shell、surface、buttons、chips、nav links、docs host routing，以及 action link / section heading / theme switch / metric card 这些 shared pattern 已经开始共用。
继续让更多页面消费同一套 token contract，而不是再写单页样式分支。
EXTRACT NEXT
intro home 和 structured hiring 仍然有明显重叠：timeline rows、contact cards、project rows 和更完整的 link card 还没有统一。
下一批值得升格为 shared pattern 的是 project row、contact card、timeline item 和 richer link card。
KEEP SEPARATE
motion 预览、pm briefing 模板、intro hero split 仍然属于更强语义的专属块。
这些先保持专属 renderer，等第二个真实页面复用后再决定是否抽象。