Now viewing BrandOS · powered by UI8Kit + brandos.brand.css

Live tweaks

Cycle presets and token axes on top of the active brand. Refresh resets to brand defaults.

Preset

Radius

Density

Depth

Motion

BrandOS · UI Kit

Компоненты

UI8Kit primitives — buttons, cards, forms, badges, navigation. The brand layer reads its surface, radius, density and depth from the same tokens.

Core actions across semantic variants.

SSO + email flow.

Work email

Password

Compact labels use control-safe spacing.

Default Secondary Outline Destructive

Neutral surface dressed by BrandOSS tokens.

Tokens healthy. Components use UI8Kit primitives. Utility policy is active.

Issuer and client configuration.

Issuer URL

Client ID

Client secret