设计系统

可复用原语位于 src/ui/。新 UI 先进入此处,再用于落地页与全局 chrome。

排版

一级标题

二级标题

三级标题

四级标题

章节引导段落。

正文描述与支持性文案。

次要细节用 muted 文本。

Label

操作

标准 props:color 与 variant。所有颜色来自 pipetype-theme.css。

Primary

Secondary

Accent

Warning

Destructive

Neutral

导航操作

卡片

Primary

卡片内容使用主题 surface 与 border 令牌。

Secondary

卡片内容使用主题 surface 与 border 令牌。

Accent

卡片内容使用主题 surface 与 border 令牌。

Warning

卡片内容使用主题 surface 与 border 令牌。

Destructive

卡片内容使用主题 surface 与 border 令牌。

Neutral

卡片内容使用主题 surface 与 border 令牌。

Warning card

用于 callout 的 soft warning 表面。

Outline card

标签

PrimarySecondaryAccentWarningDestructiveNeutral
区块标签区块标签区块标签
SolidOutlineGhostSoft

Points