[Design System] Auditing + standardizing colors

[anitadesigns]

Overview

As an extension of #750, the Design System is beginning our work on auditing the colors in our wireframes and live website. This audit can be found in Figma under "Design System Audit".

Note: We are only to audit our mobile and desktop wireframes on Figma as we are waiting for the live website to be updated

Action Items

• Audit:
  • [ Audit Colors] in Landing page  #825
  • [Audit Colors] in About Us page #826
  • [Audit Colors] in Privacy Policy page #827
  • [Audit Colors] for Terms of use page #828
  • [Audit Colors] in FAQ page #829
  • [Audit Colors] in Onboarding flow in LG #830
  • [Audit Colors] in "Introduce yourself" flow in LG #831
  • [Audit Colors] in "Involvement" flow in LG #832
  • [Audit Colors] in "Employment" flow in LG #833
  • [Audit Colors] in "Unemployment" flow in LG #834
  • [Audit Colors] in "Education" flow in LG #835
  • [Audit Colors] in "Parenting" flow in LG #836
  • [Audit Colors] in "Community service" flow in LG #837
  • [Audit Colors] in "Something else" flow in LG #838
  • [Audit Colors] in "Future goals" flow (including well-done pop-up) in LG #839
  • [Audit Colors] in "Why" flow (including pop-up) in LG #840
  • [Audit Colors] in Preview and edit flow (with "Almost done" pop-up) in LG #841
  • [Audit Colors] in Preview and download flow in LG #842

Resources/Instructions

• Select each individual "atom" on a wireframe
• Draw an arrow to each "atom" and type out the HEX code or Color style being used
• If "atom" is not using a color style, use a yellow (HEX # #F6841B) arrow and note the HEX code being used
• Main: MAIN: Improve the color system  #1226