ICEN UI

icen.ai 生态的统一设计系统——6 套色彩预设 × 明暗双模 × 无框架组件

设计 Tokens
色彩预设

6 套完整配色(clay / piano / art / vangogh / ink / retro),每套定义全部 --token-* 色板,挂同名类即切换。

风格配置

style-modern / style-retro / style-terminal 第二层抽象,只覆盖字体、圆角、阴影硬度等与颜色正交的变量。

明暗双模

每个预设各含 .dark 变体,挂 dark 类即可在亮/暗之间切换,语义色与阴影随之整体翻转。

快速开始

安装设计系统包:

bun add @icen.ai/ui

在入口引入 tokens 与全部组件样式:

import '@icen.ai/ui/tokens.css';
import '@icen.ai/ui/ui.css';

<html> 上挂预设与明暗类(示例:piano 预设 + 暗色):

<html class="piano dark"> … </html>