+
web design
Microsoft Azure
color hex code
alert banners
responsive sizing
component gridlines
3 and 4 width cards.
With this system, 3 cards were stretched full width if there wasn’t a 4th column.
With this system, 3 cards were stretched full width if there wasn’t a 4th column.
2 and 3 column cards
Responsive break-points
Color swatches used, and font sizing
Images would be exported at 2x size for retina screens, then run through a compressor for file size.
![]()
Logo placement and sizing.
During my work for Azure I built and maintained a logo database
(svg when possible, png when not) to keep the visual sizing consistent.
![]()
![]()
![]()
During my work for Azure I built and maintained a logo database
(svg when possible, png when not) to keep the visual sizing consistent.
