面向营销加电商官网的完整结构。每一项都标了它由什么决定（品牌调性还是功能），以及应该由谁负责。
偏主观的选择，让网站一眼认得出。改了它，品牌就变了。
由可用性、无障碍和工程决定。大部分可以按行业通用做法来。
怎么分档是通用的，具体数值按品牌调。
品牌决定放在最底层，是原始数值；功能规则放在中间层，是“用途”。组件只引用用途，所以品牌刷新时只改底层数值，组件不用动。
品牌色板、字体、各种档位。本身不带用途。
blue-500 · space-4 · radius-2这个值拿来干什么。换主题、深色模式都只改这一层。
text-default · surface-card · interactive-primary只有组件必须和默认不同时才用。
button-danger-bg品牌类。由 agency 给方向和最终数值。
混合类。agency 给视觉方向，我们整理成档位、状态和变体。
功能类。按行业通用做法，加上现有的 Tapo 组件库。
对照 Pentagram 9 月 30 日的 Web R1：● 已交 · ◐ 部分 · ○ 缺失。在页面模块里画了、但还没整理成可复用组件的，算“部分”。