Cielo Design System Library - Full Feature

The Cielo Full Design System Library (of Atoms and Patterns)

The app that the cielo rebrand was geared towards started as just a telegram bot, but now there are real time alerts and customisation as highlights for the product offering.

I made sure that this rebrand could be as easy as flipping a switch to implement. So I made a new set of hex colors in the design system, but only the ones that affected the primary and secondary colors of the app (the branded colors) and kept all other dynamic shades the same. This means, changing between Light and Dark theme was going to be very easy.

I also made sure this was easy to complete figma by duplicating the project and replacing all color styles with the new hex data, so that in affect, is automatically updated and every single component in the file instantly.

See more about the UniWhales to Cielo rebrand and Design system - https://www.behance.net/gallery/153895289/UIUX-Case-Study-Cielo-Onchain-Social-Feed-Analytics

See more here on dribbble - https://dribbble.com/Artus-Michal/projects/6909255-Cielo-Design-System-Library