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

Typography

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

Contracts before components: a brand should describe what the interface means before it describes how a button looks.

UI8Kit keeps the primitives neutral. BrandOSS demonstrates how tokens and small semantic helpers can carry the final voice.