Design for Systems
Applying knowledge from basic visual literacy principles to user experience in healthcare and large enterprise, scalable design systems that also support brand needs.
CommonAlpha O&E Recommendations
Where to flex your creative muscle when working in a (lets admit it, restricted) web design project
Have you inherited a style guide or design system?
Are you struggling to make meaning out of the few decisions you have control over?
I hate the color blue. We want our site to be airy….you know, like apple! Simplicity is a guiding principle
CHI Brand Instance
Color (semantics), type, and scale are your biggest power plays.
Having worked across design systems that had to accommodate multiple brand’s tokenized colors and fonts, it was at first totally mind blowing to to think of how I could possibly turn this lemon of a restriction into lemonade.
Common Alpha style sheets with tokens
The key here is the semantic or token-logic definition within the CommonAlpha design system. Our metaphor is that the typography and primary/secondary colors would be the major instrument through which each brand can emote their personality, producing the different ‘manifestations’ of brand over the same components:
CommonSpirit Limited Color Application
Similarly, being restricted in the brand personality arena to ONLY color and one typography family (one family across a handful of headline styles and even fewer body text styles, and very limited color expression) I re-discovered power in scale and a limited palette.
Adobe Experience Manager Templates
with different layout patterns for known usecases and migration requirements