Brand
Changelog v1.4

Practice · Brand Profiles

Brand Profiles

Tenant brands are data profiles and token inputs to the shared BrandOS system — not copied primitive stacks. One CSS layer, one attribute, one identity.

5 Active tenants
20 Color ramps
380 Tokenised swatches
1 Shared primitives stack

01 · Tenants

5 brands, one system

Every profile flips tokens via data-brand. The same components, the same primitives, a different identity.

01 snyder.tech

ControlBus

A control-plane brand for bus, automation, routing, and operational command surfaces.

  • Control Blue
  • Signal Sky
  • Control Red
  • Control Gray
Aa
Red Hat Display Inter
@brandos/tokens/css/controlbus Open profile
02 mclvit.com

MCIT

A deep navy and emerald operating brand for managed technology delivery, support, and implementation work.

  • Space Cadet Navy
  • Emerald
  • Tart Orange
  • Rocket Metallic Gray
Aa
Quicksand Open Sans
@brandos/tokens/css/mcit Open profile
03 microinnovation.net

Micro Innovation

A green and blue innovation brand for automation, transformation, and applied technology consulting.

  • Innovation Green
  • Automation Blue
  • Signal Red
  • Neutral Gray
Aa
Play Inter
@brandos/tokens/css/microinno Open profile
04 liquidint.com

Liquid Intelligence & Marketing

Shared identity for Liquid Intelligence (coalition data, signal work, audience activation) and Liquid Marketing (campaigns, creative, demand-gen). One palette, one type stack, two product surfaces.

  • Liquid Blue
  • Liquid Cyan
  • Liquid Red
  • Liquid Gray
Aa
Gotham Gotham
@brandos/tokens/css/liquid Open profile
05 alexanderlabs.ai

Alexander Labs

An applied-research brand for experimental products, lab work, and forward-leaning technology spikes.

  • Alexander Teal
  • Alexander Lime
  • Alexander Red
  • Alexander Gray
Aa
Electrolize Poppins
@brandos/tokens/css/alexander Open profile

02 · How a profile works

Three inputs, every product

Drop these three things into an app and the brand is wired. Nothing else changes downstream.

  1. 01
    Token CSS import

    One line wires every semantic slot to the right hue.

    $import '@brandos/tokens/css/{brand}'
  2. 02
    data-brand attribute

    Set once on the root element. Theme dropdown, multi-tenant SaaS, per-route switch — same trick.

    ›<html data-brand="{brand}">
  3. 03
    Shared primitives

    Every component reads tokens, never hardcodes a colour.

    ›<brand-button> <brand-card> <brand-badge>