@ianneo_ai @Jackywine 做了一套design system来服务不同的网站形式
作品集：https://atom63.io/
OS：https://os.atom63.io/
系统文档：https://system.atom63.io/
Atom63 设计系统 2026 最新整理，多形态网站设计规范参考
Atom63 是一套面向多站点场景的 design system（设计系统），由创作者在社交平台上公开分享。它并非单一页面模板，而是把配色、排版、组件与页面结构沉淀为可复用的规范，用来服务不同形式的网站。目前公开的入口包括作品集站点 atom63.io、系统展示站点 os.atom63.io，以及系统文档 system.atom63.io，三者分别承担作品呈现、界面演示与规范说明的角色。对于独立开发者、设计师和内容创作者来说，这类设计系统解决的是「每做一个新站都要从零调样式」的问题，让视觉语言在不同项目之间保持一致，同时保留按需扩展的空间。
痛点是什么
做个人网站或产品官网的人常常遇到同一个麻烦：第一个站精心调过字体、间距和配色，第二个站又要重新来一遍，风格对不上，维护成本还翻倍。用现成模板吧，改到后面组件互相打架；自己搭一套规范吧，又没有精力写文档。结果就是站点越做越多，视觉却越来越散，改一个按钮颜色要翻好几个文件。Atom63 想解决的正是这种「多站点、多形态、风格难统一」的重复劳动。
主要功能特点
从公开信息看，Atom63 的核心价值在于把设计规范、界面演示与文档说明拆成互相配合的几个站点，形成一套可查阅、可参考的体系。
多站点形态适配
同一套设计语言可服务作品集、系统界面等不同网站形式。
独立系统文档
提供 system.atom63.io 说明页，方便理解规范与用法。
作品集与 OS 双入口
作品集站与 os 站分别展示视觉成果与界面形态。
为什么值得关注
对需要长期维护多个站点的人来说，Atom63 提供了一种「先立规范、再做页面」的思路，把设计一致性变成可复用的资产，而不是每次重来的体力活。
降低多站维护成本
规范统一后，新增站点不必从零调样式。
文档与演示分离
查阅规范、看效果、看作品各有对应入口。
推荐信息
You Zhang
@atom63_ 2026年10月11日 20:24