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.
78Active tenants
192Color ramps
3648Tokenised swatches
1Shared primitives stack
01 · Tenants
78 brands, one system
Every profile flips tokens via data-brand. The same components, the same primitives, a different identity.
Aa
@brandos/tokens/css/snyderOpen profileAa
@brandos/tokens/css/hackermanOpen profileAa
@brandos/tokens/css/controlbusOpen profileAa
@brandos/tokens/css/mcitOpen profileAa
@brandos/tokens/css/microinnoOpen profileAa
@brandos/tokens/css/microlightOpen profileAa
@brandos/tokens/css/liquidOpen profileAa
@brandos/tokens/css/alexanderOpen profileAa
@brandos/tokens/css/r422baOpen profileAa
@brandos/tokens/css/network-magazineOpen profileAa
@brandos/tokens/css/phoenixvilleOpen profileAa
@brandos/tokens/css/perkiomenOpen profileAa
@brandos/tokens/css/chamberOpen profileAa
@brandos/tokens/css/spring-fordOpen profileAa
@brandos/tokens/css/tricountyOpen profileAa
@brandos/tokens/css/springboardOpen profileAa
@brandos/tokens/css/sysowlOpen profileAa
@brandos/tokens/css/valley-nationalOpen profileAa
@brandos/tokens/css/tax-smart-advisorsOpen profileAa
@brandos/tokens/css/prevailOpen profileAa
@brandos/tokens/css/ellisOpen profileAa
@brandos/tokens/css/chamberlandOpen profileAa
@brandos/tokens/css/wolfeOpen profileAa
@brandos/tokens/css/accounting-officeOpen profileAa
@brandos/tokens/css/180accountingOpen profile26nmih.org
Aa
@brandos/tokens/css/nmihOpen profile27nnr.com
Aa
@brandos/tokens/css/nnrOpen profileAa
@brandos/tokens/css/glemserOpen profileAa
@brandos/tokens/css/shipsigmaOpen profileAa
@brandos/tokens/css/acopianOpen profileAa
@brandos/tokens/css/stortzOpen profileAa
@brandos/tokens/css/iwtvOpen profileAa
@brandos/tokens/css/georgediddenOpen profileAa
@brandos/tokens/css/ashbylawOpen profileAa
@brandos/tokens/css/redrookOpen profileAa
@brandos/tokens/css/lk-millerOpen profile37qse7.com
Aa
@brandos/tokens/css/qse7Open profileAa
@brandos/tokens/css/danyilawOpen profileAa
@brandos/tokens/css/sharpOpen profileAa
@brandos/tokens/css/firstgenOpen profileAa
@brandos/tokens/css/liquid-intelOpen profileAa
@brandos/tokens/css/shellbackOpen profileAa
@brandos/tokens/css/coronaOpen profileAa
@brandos/tokens/css/fenstermacherOpen profileAa
@brandos/tokens/css/stillOpen profileAa
@brandos/tokens/css/elsnerengOpen profileAa
@brandos/tokens/css/tntcustomOpen profileAa
@brandos/tokens/css/dmiOpen profileAa
@brandos/tokens/css/altitudeOpen profileAa
@brandos/tokens/css/msfpOpen profileAa
@brandos/tokens/css/coremepsOpen profileAa
@brandos/tokens/css/jluOpen profileAa
@brandos/tokens/css/westerlawOpen profileAa
@brandos/tokens/css/gzOpen profileAa
@brandos/tokens/css/irontonOpen profileAa
@brandos/tokens/css/a24Open profileAa
@brandos/tokens/css/dafOpen profileAa
@brandos/tokens/css/cwiOpen profileAa
@brandos/tokens/css/ljmOpen profileAa
@brandos/tokens/css/hbmsOpen profileAa
@brandos/tokens/css/vnrOpen profileAa
@brandos/tokens/css/agency22Open profileAa
@brandos/tokens/css/finalgradeOpen profileAa
@brandos/tokens/css/lvzooOpen profileAa
@brandos/tokens/css/enviro-airOpen profileAa
@brandos/tokens/css/nustreamOpen profileAa
@brandos/tokens/css/fintechOpen profileAa
@brandos/tokens/css/laser-concreteOpen profileAa
@brandos/tokens/css/lvsdOpen profileAa
@brandos/tokens/css/yesterOpen profileAa
@brandos/tokens/css/idemoOpen profileAa
@brandos/tokens/css/dgmOpen profileAa
@brandos/tokens/css/nutracodeOpen profileAa
@brandos/tokens/css/rumOpen profileAa
@brandos/tokens/css/cfoOpen profileAa
@brandos/tokens/css/misOpen profileAa
@brandos/tokens/css/ssOpen profileAa
@brandos/tokens/css/lvicOpen profile02 · How a profile works
Three inputs, every product
Drop these three things into an app and the brand is wired. Nothing else changes downstream.
01 Token CSS importOne line wires every semantic slot to the right hue.
$import '@brandos/tokens/css/{brand}'02 data-brand attributeSet once on the root element. Theme dropdown, multi-tenant SaaS, per-route switch — same trick.
›<html data-brand="{brand}">03 Shared primitivesEvery component reads tokens, never hardcodes a colour.
›<brand-button> <brand-card> <brand-badge>