![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/c61da37f-f319-488f-8a6c-883430de492e_rw_1920.jpg?h=b1c3c8039593630fd7a0b937a69d656a)
I collaborated with Nando Costa and the Microsoft Design team to explore and design the key visuals for Microsoft's new Fluent UI and be a part of the ongoing evolution of Microsoft’s visual language.
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/e6b02eac-1a27-4853-8e24-16eff62bf3fc_rw_3840.jpg?h=55c4eb774ff338139c48dd268d54c3e9)
Fluent is Microsoft's open-source, cross-platform design system that gives designers and developers the frameworks they need to create engaging product experiences, accessibility, internationalization, and performance included.
Introduction • Principles • Accessibility • Platforms • Theming • Content Design • Color • Typography • Iconography • Forms & Shapes • Layout • Elevation • Material • Motion • Sound • Illustration • Expression
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/bae021a0-4c89-4391-9001-0c0df4c1acca_rw_1920.jpg?h=37013fd7c9724de097d30934a2a89600)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/52f24959-6ea4-4ec0-8f78-2ff21a39191f_rw_1920.jpg?h=a99a2317f8f6fbc337819f07c5f5562f)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/3298de97-6623-4914-a180-fee9bbb58b97_rw_1920.jpg?h=47ca3a2f3a61fc42e27e94f4db4e07e0)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/5f7f1182-3e18-4ba7-9fee-a767b1cf7ce4_rw_1920.jpg?h=14b9432c7d78d1b61bad23d187a6e8a4)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/109513b0-4d81-4673-b93c-f76500c744ec_rw_1920.jpg?h=3a6cef8edbe64fcbd95636a2dcd7841f)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/ec90f8f8-a45d-4122-bbdc-219cce3b79b9_rw_1920.jpg?h=eea6a0255da3fdce99ffab0c18ce6b0c)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/0da9fffe-996e-4a81-ba2e-c6f11d7cc616_rw_1920.jpg?h=aef642c89e92275626885aa1d58ea1ee)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/cdd10f95-1d7c-4f3c-92cf-8968ea8088f1_rw_1920.jpg?h=a7ec50568fc4ed3860fe387c8ea9b345)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/dfc61559-a94c-4660-aa48-193daadea6b8_rw_1920.jpg?h=fc778a2036a77f8055505b63dd990786)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/63fb1735-f7d2-4cb3-b564-b5407d457790_rw_1920.jpg?h=152fc7a59ed2d2bb1b91c3b9711f24ba)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/1f72bf2d-0704-4cb2-a459-cb8bd096f979_rw_1920.jpg?h=4281c4636d0335dd6507d9c02073c9db)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/214cb578-e140-44e0-a4bc-011062c438c6_rw_1920.jpg?h=362d7e7f94466609b7c754e51f02c8f7)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/32457a10-0428-42b0-ad8e-0407614a5ece_rw_1920.jpg?h=f104f194151d0759167c4feb6ca6c28e)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/eb00e327-f591-4dcc-ad69-5a13d96c0720_rw_1920.jpg?h=2fc3ae18c4923bfb98704b1067bc0bfd)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/193b6c44-8839-45b8-bb6e-6f8f31df438b_rw_1920.jpg?h=0d21cde84aded406bc2b8267af01ac67)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/9d0de119-2bb5-4e93-beba-54c9ab4835a2_rw_1920.jpg?h=7d537e237613f06419cfc790eaf3226b)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/8065a396-a4b9-4568-a069-5d0fe63c2ff0_rw_1920.jpg?h=618fda20dea410c0a7936f096e415325)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/fc764d24-22ac-43f0-af32-1a81ca3901ac_rw_1920.jpg?h=17c4e63b8069426c1471f8e6a50e1502)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/23805762-9cb3-449f-a4d5-fed5503658a9_rw_1920.jpg?h=de8e788466a2a0cc1913cdb166170797)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/4e5b5a4b-1d8f-4620-a505-bfc894823c6b_rw_1920.jpg?h=c02d0a5a238615168ef8f6055db6695c)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/ceccc29f-2794-4ff7-a875-71033d9ee6c4_rw_1920.jpg?h=7cc9c01d9b6b3fd45a4186c705f2bc0b)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/b548a032-66d8-428d-a359-2add7a0bb309_rw_1920.jpg?h=4fa79f7d3b5371a04675e4e253f55ba7)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/76858121-5e37-49ef-80f0-8c5e1f3176c4_rw_1920.jpg?h=01d8d0cf56d7ef01b3521c8d211eab82)
RnD & Process
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/82ebf580-286d-4ae5-baf1-f0b8119220e6_rw_1920.jpg?h=1f8d38f4fa4ded61fa81f760a57eedee)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/6ed0211c-4b03-4a1d-ac22-4dd9935822da_rw_1920.jpg?h=e2a295577ac4f6c00c7e7c4b099262ab)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/68a32f19-a953-4df7-ad29-8af567db44c6_rw_1920.jpg?h=94ae58cef280e81c37dc759df1c6d162)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/63139d3c-ca8b-4e93-9741-488bf39e4122_rw_1920.jpg?h=89115bc76958bee652c650dcaeb75471)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/e2b5ffb7-9aca-4861-9f1e-7b10550b58ee_rw_1920.jpg?h=56bd5c1053b5c36f551a956dd3d0c271)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/54ab6940-47e4-426e-8044-84d64e357027_rw_1920.jpg?h=689c774645227a942c6b7a27053e02d5)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/5e099e19-670c-4343-a41c-49a8004db982_rw_1920.jpg?h=5826804962ea2069d196faf9c69b62ea)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/2051e226-3232-4639-a092-4a1befc89162_rw_1920.jpg?h=1d0e4fa20e90a34738c1c28a87ac6cb6)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/879477dc-03c4-48cb-864b-cbfe0db76c10_rw_1920.jpg?h=efbfbb221381c36f61a8aba0f2e8f1be)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/4bb6f2f6-58b5-4c73-8584-5aa813d05ca1_rw_1920.jpg?h=4434db6f03fd550b6e89aeedfb3c7658)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/3bd54317-a343-4f2f-86e7-b49701626300_rw_1920.jpg?h=a2f21e620fe2e2526c25ce932d3c79ff)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/c2e0e5cd-e122-43f6-a401-0c298cea099f_rw_1920.jpg?h=4fc81deffb06aa03ae77d65f12aa5505)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/a98175d9-6f33-4a53-a88e-21c8274fe072_rw_1920.jpg?h=72469e04db0136b74332f5431b65c00f)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/0a76dc61-88fc-49f4-8f22-468186cf31ce_rw_1920.jpg?h=3678fdf9694be0461240504b81c0c81d)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/838876e1-67a0-4434-8401-deaf22fe8f20_rw_1920.jpg?h=128170e9daac72b89bed3d986fb0881d)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/58817c45-f595-48fb-a080-c93c1ad0a7a5_rw_1920.jpg?h=4fe52ed88b5a2fa9220083c2a04ca4e6)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/ab4445bc-4f21-4260-bc45-179afc74b7db_rw_1920.jpg?h=af94f84ffe0340a5cb42aa27c864e961)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/c1da4663-ccb8-47d9-82ca-62de0bbfa9cf_rw_1920.jpg?h=c3a089d5abeb51d67691d6b406561128)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/77881016-b965-4f96-94fb-850efea6ae0b_rw_1920.jpg?h=c02f939cb53b3f6554239f692fbb9f7e)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/36b21f64-c252-4f89-8f5d-3c15e23d900c_rw_1920.jpg?h=22567e61a8c77f9522500ce537b55c3c)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/7ce54fed-90ef-42b5-8677-b1e7c33b2bfa_rw_1920.jpg?h=5899e4705d608dbf1a040b5ccb4baff2)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/8eb3d5e9-c431-4f47-83aa-e922614238b2_rw_1920.jpg?h=44c07b388aa9bf3da085d1b43c1bcff8)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/6e806c25-3c21-4e43-b740-4c91d2ea035d_rw_1920.jpg?h=217a2f1e7fb0eccca330a3e44255c479)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/4972969d-279a-44ec-acb8-0db272c868c7_rw_1920.jpg?h=79db4c52a61ab8f844c26bdde363ae2a)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/a59fec7b-18a9-4a9b-a4fa-1dff788ef6b4_rw_1920.jpg?h=94752a09d028ad5cf3fc07d35db2168e)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/14207eb5-49de-4df9-8d4d-adb342aebf12_rw_1920.jpg?h=4ca15cc6f83e7af04a3c9958dfa411d7)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/7680c57c-749f-41d9-978d-b59f2fec2fc8_rw_1920.jpg?h=637a808750f2389b22e0e0e05ea937d9)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/944a4841-c313-4d4f-9c71-276e699980e9_rw_1920.jpg?h=803a8cd8282c9739be84fa06cbd2b67a)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/46f8ed92-9b4d-4a43-999c-0a3a4873c24f_rw_1920.jpg?h=d81e9dc35969ed5b3723c5ab4002103a)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/656b3196-f6bc-4fd0-b245-a62a5029bc15_rw_1920.jpg?h=e807930739ca27222ab3771d87b53527)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/71df3580-6a7f-490e-b347-97b59c2def76_rw_1920.jpg?h=09390e35d239649ecf54238e08dfce78)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/7e2cbfaa-39a8-40f0-9a6d-47c115d4f665_rw_1920.jpg?h=38b61c69211e35bb60b708f23bc64e3d)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/13b4d16d-9dea-47bd-9bba-de89e5f2f9cb_rw_1920.jpg?h=ef06e1e0ea00e635bd5ddd0461b667e7)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/cfe4c67a-c354-4691-9ef6-6d6870441581_rw_1920.jpg?h=50346afa9c78002e613b33f5f487a3c3)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/82f05d64-084e-4870-b6fd-ea51e8a94f0c_rw_1920.jpg?h=c23bcacf79ae0eafb94d5296eff063ab)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/e7cd22fa-57ca-442f-b932-cea311a43d7a_rw_1920.jpg?h=d4292d94a6b795942258617fffd144e5)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/1d9d9f1b-c134-48e6-a28c-cb895d96a701_rw_1920.jpg?h=470da797cef25062efc6672e76b4e592)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/c8d300a7-6efd-498a-ac29-7d9bafb6433e_rw_1920.jpg?h=2c8581e2c7e9274b1ae5545f988f2eff)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/bb750d05-eac9-4ee8-baa8-3aa3666b692e_rw_1920.jpg?h=aef8a8e4d78adaab85b1fc333ffe16c1)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/fbae3ece-0e62-4e20-ba65-65b181d6bed3_rw_1920.jpg?h=9e479373d2f733620698754bcef808c5)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/7adfa97a-54f5-48fe-b17e-c35346c7966a_rw_1920.jpg?h=4b368ac861c04b01587bfe5b1e1aa557)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/e0462139-a927-4137-bcdd-61f5cb130146_rw_1920.jpg?h=5718a0746638626b0753f7c7115e2a20)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/53036cfc-3abd-48da-9d61-6911bdbcebf0_rw_1920.jpg?h=91437533850328f354d643cffd25495d)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/267cd36d-1ae8-4c84-aa41-c90e01bc2691_rw_1920.jpg?h=4b6807cb57461814a22476835f666048)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/f7cffb36-223e-4a75-9853-ef56659245f9_rw_1920.jpg?h=ba3049aa108cfa5a93027e1737a35d63)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/60554881-e962-4f95-a32a-a1f900365401_rw_1920.jpg?h=9f81cd210659cc7c0550448c59cca011)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/eff684f6-6ed7-436c-a16a-44b41afb6eb4_rw_1920.jpg?h=59c11832dddf650337bc0060e4eeb3f5)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/2ca662bd-2b8e-409e-823c-6b535b572a17_rw_1920.jpg?h=00ef729dfe2e256ba07d1701067b4135)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/f3fe48eb-d712-4840-94b3-d1aef21c9c3e_rw_1920.jpg?h=33cb74a1048c4a5a771e9243e417df50)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/5b0be002-93db-4883-bb1f-5981beab0343_rw_1920.jpg?h=d6a413e6d6645a27cacb49995ce4da6d)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/2ebed6db-551e-4dd7-9df5-08a9e4752e23_rw_1920.jpg?h=af2e9f441c4866612a0cc5f3771d399d)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/74b45159-d4f3-44df-9a34-ac662f06aba1_rw_1920.jpg?h=0247cb2cfbcc854af9606ca92009c857)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/2f3f8482-6f69-4903-9b5f-5958337f6a16_rw_1920.jpg?h=e9f72a946c821bec14faee8465d42183)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/aac0c1a2-3050-4c84-828d-440997072c16_rw_1920.jpg?h=501dfe75cf182265769f7a8a92c63b40)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/c99c931e-abad-4d8b-87d9-51201904f163_rw_1920.jpg?h=f8ae26141dff7d294f16890e008a2262)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/df2b738a-81c4-443e-bb83-571723be8471_rw_1920.jpg?h=69870cae6c121e55daa7f2f3b046427d)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/d019bd7f-666f-4666-83e2-356acd4d28bc_rw_1920.jpg?h=2d02923c604a31bf0fc38ef43e8b63ef)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/9c10873e-a973-48de-9dc8-0f3098faeadb_rw_1920.jpg?h=36594d67c4e7f5a8a4f17b3cc818ba1e)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/668cfb46-bbdb-486e-b8f0-2fc8c1a670b2_rw_1920.jpg?h=e354f06e8b24a194beb7014441447e3a)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/f379ba97-b36e-4192-a935-bd4dd7d447b5_rw_1920.jpg?h=cc733a03f71dcf758b2a2e9f865bcbf5)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/07dadbb8-b714-44f6-8fce-d8d089041dc3_rw_1920.jpg?h=7a10f706b600dacaf4286c977654c012)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/46142e0f-b98c-4071-af53-fe9ebece4b0f_rw_1920.jpg?h=366b5cfa6f24c4f4071c8909f292b8c0)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/2a27e78f-ec33-4421-baab-613630e1ba91_rw_1920.jpg?h=9e4454f03e6981767513d0fee857687b)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/72cb9312-3aac-469b-88c6-065d22339c99_rw_1920.jpg?h=d226b78e602b77998bdae3cd495010ce)
![](https://cdn.myportfolio.com/47a1a60ee1e2fcab9584afe81a511d3e/a15495d2-fcbb-42b3-90fb-9b683383f26f_rw_1920.jpg?h=43c7faa79d9716013678ffe5d27b5a6f)