Final Design
To ensure the app’s overall visual style was similar to Tokeet’s web version, we selected a color palette which includes various shades of gray and green.
Pops of turquoise give better contrast ratio to allow the user to view the content clearly.


before
after
before vs after
Design Process
01Design Process

Information Arch
02Information Architecture

Colors
03Colors
Colors are based on the branding and
contrast color for action button to attract users attention.
- #07b7cf
- #56b55a
- #02aa9d
- #fb6e10
- #ffffff
- #878787
- #000000
Typography
04Typography

Icons
05Icons

Other Screens
06Other Screens







