multi-brand
Installation
SKILL.md
Multi-Brand Architecture
The 3 brands
| Brand | Package | Server | Visual trait |
|---|---|---|---|
| Orange | @ouds/web-orange |
:9001 |
Sharp corners, HelvNeueOrange |
| Sosh | @ouds/web-sosh |
:9002 |
Rounded corners, Sosh font, Magenta |
| Orange Compact | @ouds/web-orange-compact |
:9003 |
Compact spacing, same as Orange |
Key principle: JavaScript is shared. Only CSS tokens differ per brand.
Shared vs brand-specific
Shared (modify once)
scss/_*.scss, scss/mixins/, scss/_variables.scss, js/src/, js/tests/, site/, build/