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.
107Active tenants
280Color ramps
5320Tokenised swatches
1Shared primitives stack
01 · Tenants
107 brands, one system
Every profile flips tokens via data-brand. The same components, the same primitives, a different identity.
107 of 107 brands
No tenants match your search.
Aa
@brandos/tokens/css/snyderOpen profileAa
@brandos/tokens/css/controlbusOpen profile03
Aa
@brandos/tokens/css/rydmOpen profileAa
@brandos/tokens/css/mcitOpen profileAa
@brandos/tokens/css/microinnoOpen profileAa
@brandos/tokens/css/microlightOpen profileAa
@brandos/tokens/css/lqdmrkOpen profileAa
@brandos/tokens/css/alexlabsOpen profileAa
@brandos/tokens/css/r422baOpen profileAa
@brandos/tokens/css/articledOpen profileAa
@brandos/tokens/css/bhaleyjrOpen profileAa
@brandos/tokens/css/bpstechOpen 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/grcachambOpen 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 profile30
Aa
@brandos/tokens/css/nmihOpen profile31
Aa
@brandos/tokens/css/nnrOpen profileAa
@brandos/tokens/css/glemserOpen profile33
Aa
@brandos/tokens/css/glemfdnOpen profileAa
@brandos/tokens/css/bethcapOpen 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 profile43
Aa
@brandos/tokens/css/qse7Open profileAa
@brandos/tokens/css/danyilawOpen profileAa
@brandos/tokens/css/sharpinnoOpen profileAa
@brandos/tokens/css/sharpfinOpen profileAa
@brandos/tokens/css/firstgenOpen profileAa
@brandos/tokens/css/lqdintOpen 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/batesOpen 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 profileAa
@brandos/tokens/css/twgsecOpen profileAa
@brandos/tokens/css/bbnlglOpen profileAa
@brandos/tokens/css/ldlgrpOpen profileAa
@brandos/tokens/css/wealthhutOpen profileAa
@brandos/tokens/css/ledgerdOpen profileAa
@brandos/tokens/css/chambergridOpen profile93
Aa
@brandos/tokens/css/msdsOpen profileAa
@brandos/tokens/css/benpsnyderOpen profileAa
@brandos/tokens/css/cwstrustOpen profileAa
@brandos/tokens/css/cwsfndOpen profileAa
@brandos/tokens/css/jwcoleOpen profileAa
@brandos/tokens/css/aammiOpen profileAa
@brandos/tokens/css/techtiksOpen profileAa
@brandos/tokens/css/thinkhopeOpen profileAa
@brandos/tokens/css/evronOpen profileAa
@brandos/tokens/css/cjstireOpen profile103
Aa
@brandos/tokens/css/amtrakOpen profile104
Aa
@brandos/tokens/css/csxOpen profileAa
@brandos/tokens/css/norfolk-southernOpen profileAa
@brandos/tokens/css/brcOpen profileAa
@brandos/tokens/css/rtcllcOpen 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>