BLOOM
DESIGN SYSTEM
It has always been a goal of mine to build a personal design system that speaks of high quality. In addition to covering a detailed design system creation —it will explore the design research behind what makes something truly exceptional (WWDC 2018; Apple Inc.). Version 1 is currently live.
Role
Product Designer
COLLABORATORS
*solo*
DURATION
Apr 2025-present
TOOLS
Figma
OVERVIEW
The design system was built with a 3 tiered design token structure- ( brand tokens -> alias tokens -> mapped tokens ) for best practices and to provide maximum flexibility. The tokens also follow a color numerical range of 100, ranging from 100-800. This ensured the system can be adapted to different brands and themes.
The Figma Library file itself contains 60+ components along with 200+ variants so as to cater to various product domains, They broadly fall under these categories- Inputs and Forms, Navigation, Buttons and Controls, Data Display and Utility/Feedback.
More information can be found on the website and Figma file.
COMPONENT OVERVIEW
DESIGN TOKENS AND DOCUMENTATION
Feather icon library
MOCKUPS
To make designing easier, a variety of screen templates are being created to help users build faster and more polished products. More templates will be added soon.
HIGH FIDELITY ONBOARDING SCREENS- DESKTOP + MOBILE