Prework: New Product Icons

Background

The PWA and Website tab are still using old brand colors and icons which we want to update to bring the product brand up to date. The two focus' are the two methods the product can be used: as a website and as an installed PWA. This issue is the beginning background work for both packages. We want to make a new icon which distinguishes the product from company better.

What to do

• Make new icons and add as an element in the appropriate place
  • Icon may need to be stored in different sizes for use as 1. favicon, 2. pwa install icon
  • For different programs round edges or square edges are needed
  • Katrin made 7 different sizes in round and square to cover anything needed for this upcoming tasks
• Icon uses fade from secondary to primary colors (both PAT and HCP)
• Choose naming convention that makes sense for use in both website and PWA
• Add any unit tests needed

figma pat Figma hcp

clikcup