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 · Voice

Типографика

Noto Sans carries every paragraph and heading. The display family takes pride of place; the UI face stays neutral.

Display family

For headings, hero titles and the brand mark. Tight tracking, generous weight.

Body family

For paragraphs, forms, tables, navigation. Calm vertical rhythm, balanced color.

display --font-display-size

BrandOS Protocol

heading --font-heading-size

Connect your tenant

subheading text-xl

Continue with email

body --font-body-size

Honest, clear, secure — that is the entire promise.

label text-xs

Note: 8+ characters required.

Prose specimen

Contracts before components

Контракты раньше компонентов: бренд должен описывать смысл интерфейса до того, как описывает внешний вид кнопки.

UI8Kit сохраняет примитивы нейтральными. BrandOSS показывает, как токены и небольшие семантические helpers несут финальный голос.