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

Generator · Design system

BrandOS

Строгий монохром, яркие продуктовые градиенты, Noto Sans, pill-геометрия и дизайн-инструмент, который спроектировал себя.

CLIAgentDESIGN.mdOpen Source

Sections

Three pillars of every brand

Foundations, component surfaces and type voice stay connected through the same token contract.

01 · Tokens

Semantic color, type, radius, shadow, motion and surfaces.

02 · Components

Buttons, cards, forms and feedback examples rendered by UI8Kit.

03 · Typography

Specimen, scale, prose and technical text for the brand.

04 · Download

Copy a shadcn-ready theme file with tokens, fonts, radius, shadows, and dark mode.