EPIC: TDM UI Adjustments

[Noushie]

Dependency

See issues under action items

Overview

As a result of creating a design system, there were a few glaring inconsistencies between the website and the Figma files we were hoping to clear up (i.e., colours, button states, text adjustments, icons, etc.). Our hope is to align dev team and UI, to ensure website wide consistency

Action Items

• Site Audit: Check Login page for visual design consistency #1908
• Site Audit: Check Registration page for visual design consistency #2032
• Site Audit: Check Forgot Password page for visual design consistency #2033
• Site Audit: Check My Projects for visual design consistency #1962
• Site Audit: Check Create Project page 1 for visual design consistency #1954
• Site Audit: Check Create Project page 2 for visual design consistency #1955
• Site Audit: Check Create Project page 3 for visual design consistency #1956
• Site Audit: Check Project Level 0 page for visual design consistency #2041
• Site Audit: Check Create Project page 4 for visual design consistency #1957
• Site Audit: Check Create Project page 5 for visual design consistency #1958
• Site Audit: Check Security page for visual design consistency #2035
• Site Audit: Check Archived Accounts page for visual design consistency #2082
• Site Audit: Check Archived Projects page for visual design consistency #2083
• Site Audit: Check Unauthorized page for visual design consistency #2036
• Site Audit: Check About page for visual design consistency #1960
• Site Audit: Check FAQ page for visual design consistency #1959
• Site Audit: Check Feedback page for visual design consistency #1961
• Site Audit: Check Submit Snapshot page for visual design consistency #2037
• Site Audit: Check Update Account page for visual design consistency #2034
• Site Audit: Check Terms and Conditions page for visual design consistency #2038
• Site Audit: Check Privacy Policy page for visual design consistency #2039
• Site Audit: Check Checklist modal for visual design consistency #2040
• Site Audit: Check Invalid page for visual design consistency #2046
• Provide appropriate screenshots and figma links to Integrate System Design to Theme JSON + UI components #1341
• Release the dependency on Integrate System Design to Theme JSON + UI components #1341

Archive

Previous resources and action items

Action Items

• Adjust colours that do not match current design system (ex. standardising error red to the confirmed error shade in the design system)**
• Resize/replace inconsistent text styles**
• Alter some component states for better UX (ex. appearance of disabled next buttons)**
• Replace certain icons with updated versions**

Resources

You will find the annotated Figma file for these changes here

Since a design system is a living file and we are looking at possible changes in the formatting of the website (due to the newest sidebar issue), we may have more UI alterations to add in the near future to match that. I can also create separate issues for that, if that is easier.

Please let me know if you have any questions or concerns - @Noushie

[amiteshsrivastava11]

@Parisajf You added this to the Ice Box but I don't see a dependency. What should the dependency be?
This issue also has a ready for prioritization label. Is it supposed to be in the prioritized backlog?

[NilakshiS]

@amiteshsrivastava11 Because it's an epic, the action items is a list of issues, which when they are closed this issue can be removed from the ice box. I updated Dependency at the top to make it clear.