UI-kit

Единый набор компонентов для всех 3 продуктов. Тема (brand-* / accent-*) задаётся CSS-vars в globals.css через@theme. Этот же файл в Portal/Katalogio/ZenERP — компоненты идентичны, цвета разные.

Brand mark

logologologologo
wordmark

Buttons

Badges

NeutralBrandAccentSuccessWarnDanger

Counters

Brand
128
Accent
42%
Neutral
7
Success
99
Warn
3
Danger
1

Form fields

Cards

Стандартная карточка

Border + shadow-sm, padding 6, rounded-2xl. Container для любого контента.

Brand gradient

Карточка без border на градиенте из brand-50 в accent-50 — для onboarding/hero.

Palette tokens

brand-50
brand-100
brand-300
brand-500
brand-700
accent-50
accent-100
accent-300
accent-500
accent-700
danger-50
danger-100
danger-300
danger-500
danger-700