设计系统packages/design/brand

brand 能力包

品牌原语 — 颜色定义、渐变 token、动效语言;为源数据,不被 app 运行时直接引用。

打开文档

稳定性: 稳定
作用域: 全局
边界: packages/design/brand
归属: @nebutra/design

brandpackages/design/brand

设计系统

brand-primary

brand-accent

brand-gradient

radius-sm

radius-md

radius-lg

Tokens 数

139

组件

64

覆盖率

92%

同步状态

OK

packages/design/brand设计供应链

使用方式brand.ts

typescript

brand.ts

1import { brand, motion } from "@nebutra/brand";
2
3export const palette = brand.colors.scale("primary"); // 12 oklch steps
4export const accent = brand.colors.solid("accent");
5
6const heroAnimation = motion.preset("emerge"); // brand motion language