![](https://freight.cargo.site/t/original/i/899872519415fe79a35735cc15e2d26a5850d798be4427bd3d68f72d972d2962/projectcover.png)
Microsoft Unlocked is a blog about innovation, technology, culture and community. The client asked for an experience that was both bespoke yet fit in with their current digital experience. Along with the Instrument team, I built a system of components, layout foundations, typographic rules, and a color library.
![](https://freight.cargo.site/t/original/i/36cc05b07e0b94576a698ff9ccd78ae7971623335647baa9c5f571b7bb5768c3/6.png)
![](https://freight.cargo.site/t/original/i/d5e11e0d630b6b43405b4152db439f295ea6c0a9004a9b93b9c92721d5c74dbf/4.png)
![](https://freight.cargo.site/t/original/i/a84740db54117ac86a8c857939280485812ed3a31392f3bcb8eb13c240cdf519/1.png)
![](https://freight.cargo.site/t/original/i/dca3d896646af5a340102aa503035f7715c5b4bc9fd4418b10db9563fd9a0d52/2.png)
![](https://freight.cargo.site/t/original/i/64797745b0179013a628e0049d6fdd7ce74012b7853e61e129a36d0133b81fb9/5.png)
![](https://freight.cargo.site/t/original/i/dac94fc7c5a92261fe616f0c5782bf1cd11f422a620a12fb58e5f2a2fbf420b3/3.png)