Atoms



Left Menu & Layout/Grid
The left menu helps users orient themselves within the 
application and provides quick access to various functionalities 
without cluttering the main content area. Grid systems aid in 
creating visually appealing and consistent layouts across different 
screen sizes and devices, enhancing the overall user experience.








Templates
ensure that different sections or pages of an application or website maintain a consistent look and feel. By using predefined templates, designers can adhere to established design standards and guidelines, resulting in a cohesive user experience.







Modal
 is a dialog box that overlays the main content to capture user attention for 
critical interactions or information. It is designed to provide a focused user experience, 
allowing users to complete tasks, confirm actions, or view essential details without navigating
away from the current page. With clear messaging and intuitive controls, the Modal ensures 
users can engage with important content efficiently while maintaining context within the application.





© 2024 Jun Ho Kim. All rights reserved.