My company has multiple brands under one roof managed by one team of designers. Each friend has its own UI KIT. We have discovered over time that we are re-creating many of the same elements such as sign-up flows, buttons, input forms, pop-ups, icons, shadows, etc.
My first thought was to create one company-wide UI kit housing frequently used elements like these. The problem I’m facing is what happens when one brand has a different font than another? As any designer knows, x-height varies across fonts making it difficult to assign a specific font size as a component. I know you can make changes to components such as padding, font, etc. but to me, it defeats the purpose of having a component if you can’t push updates to it.
I know a little bit about branching but would it still work in this scenario when the designer will need to create a whole new set of buttons for each individual brand?
I also considered not using components but rather a library of static elements to choose from and including guidelines and best practices to make sure designers are keeping up with industry standards.
Any suggestions or ideas would be greatly appreciated.