![](https://cdn.myportfolio.com/ff8bd7bfa3d34481b29cc6cfd62a3193/3880b62f-1eb2-4bc8-abb3-9c15e9ce4d76_rw_1920.jpg?h=c89d2ff684083a5167bb1183e238cef6)
![](https://cdn.myportfolio.com/ff8bd7bfa3d34481b29cc6cfd62a3193/5e28a24b-bb0e-49a7-b668-5ad55e6312e5_rw_1920.jpg?h=a8ceed890015da487ed8f7e3f7c6b8db)
Typography - sizing based off Google Material Design 3 and setup as styles
Icons - custom designed icons to suit audience and brand, setup as components
Buttons - primary and secondary buttons with active, hover and disabled states, setup as components
Colour - used brand colours and found tints and shades, listed hex code and setup as styles
Using Smileyscope's design system I have designed their application home page UI above and website below.