Microsoft Outlook
At Microsoft, I worked on design systems and product design for Outlook across platforms. I helped build and ship the Fluent design system, redesigned key surfaces, and contributed to the open-source icon system.
Articles
Designing Dark Mode
How we're crafting Dark Mode for Microsoft 365 — from Outlook to Office.com
Designing for Dark Mode: More Than Flipping a Switch
5 things the Outlook mobile team learned about scaling dark mode design
Developing an Open Source Icon System at Microsoft
A Q+A between our community and design leads about our new Fluent icons
Abstracting the Microsoft Outlook Design Process
How Abstract improved file organization and collaboration in our design team
Animated keyboards using Facebook Keyframes
Mastering the Art of Vector Graphic Animation Using Software
Dark Mode
Designed Fluent Dark Mode — the unified dark theme system adopted across every Microsoft 365 mobile app, from Outlook and Teams to OneDrive, SharePoint, Word and Excel. Defined the surface elevation model, gray palette, and color contrast rules that became the foundation for dark mode across iOS, Android and Mac.
Fluent Dark Mode — designed for Outlook, adopted across Microsoft 365.
Light and dark theme parity — surface elevation and shadow behavior across both modes.
Dark mode shipped across iOS, Android and Mac — unified experience for Microsoft 365.
Dark mode design and Fluent icon integration — iOS navigation and Android bottom sheet prototypes.
Outlook mobile dark mode — cohesive gray palette with refined brand color saturation.
Fluent Icons
Created Fluent System Icons — Microsoft's open-source icon library with over 500 icons built for every platform. Designed a mobile-first system with regular and filled themes, systematic sizing across 4 densities, and literal metaphor-based naming. The library shipped across Office, Outlook, Teams, Xbox and Windows and is open-source on GitHub.
Fluent System Icons — 500+ icons designed for every Microsoft platform.
Icon design exploration — refining metaphors across multiple iterations.
The full Fluent System Icons library — regular and filled themes across 4 size densities.
Surface Duo
Designed the Outlook experience for Surface Duo — Microsoft's dual-screen Android device. Systematically optimized email, calendar, and multitasking layouts to leverage both screens with adaptive interaction patterns and responsive composition.
Surface Duo — Outlook dual-screen experience.