Umbrella · Brand control

Brand control primitives

Fourteen reusable surfaces for the central brand-control hub — design tokens, palette, typography, motion, assets, roles, audit, deploy, guidelines, impact graph, coverage, accessibility gate, and release channels. One token edit cascades to every consuming primitive.

Production answer

Brand control primitives is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.

Primary CTAReview Brand control primitives states
Generative search brief

Brand control primitives: Fourteen reusable surfaces for the central brand-control hub — design tokens, palette, typography, motion, assets, roles, audit, deploy, guidelines, impact graph, coverage, accessibility gate, and release channels. One token edit cascades to every consuming primitive.

Umbrella effect — one source of truth for design tokens, brand assets, roles, and deploys.
Primitive 01

Token editor

Colour, spacing, radius, shadow, font tokens with live preview and history rail.

TokensOpen
Primitive 02

Palette builder

OKLCH wheel, contrast checker, WCAG verdict — pick swatches that pass.

ColourOpen
Primitive 03

Typography pairing

Display × body pairing card with live sample and usage rationale.

TypeOpen
Primitive 04

Motion system

Duration × easing tokens with a live scrubber. Reduced-motion aware.

MotionOpen
Primitive 05

Asset CDN tile

Brand asset card with usage count, variant detector, and uploader trace.

AssetsOpen
Primitive 06

Role matrix

Role × permission matrix with inheritance arrows.

AccessOpen
Primitive 07

Team roster card

Member card with role pill, last-active stamp, and access scope.

PeopleOpen
Primitive 08

Audit log row

Single audit entry — actor, action, resource, timestamp, and diff.

AuditOpen
Primitive 09

Theme deploy panel

Staging → production promotion with rollout % and halt control.

DeployOpen
Primitive 10

Brand guideline card

Single guideline rule (logo, voice, do, don't) with print-friendly mode.

GuidelinesOpen
Primitive 11

Umbrella impact graph

Which primitives consume this token. The umbrella made visible.

ImpactOpen
Primitive 12

Usage coverage strip

Token adoption rate across every primitive family.

CoverageOpen
Primitive 13

Accessibility gate

WCAG check summary (contrast / focus / motion / aria) with verdict.

A11yOpen
Primitive 14

Release channel pill

Channel selector — alpha / beta / production with diff badge.

ChannelsOpen
Composition

Full brand-control hub

Every primitive composed into the central umbrella-effect hub.

HubOpen