[PORT] Test Brand Evolution Design Token Updates in Pre-Release Branch

georgewrmarshall commented 4 months ago

Description

As part of our ongoing efforts to align our portfolio with the latest brand evolution standards, we have introduced a series of design token updates reflecting brand evolution. Before these changes are merged into the main branch and become part of our official release, it is crucial to conduct thorough testing in a pre-release branch. This testing aims to ensure that the design token updates integrate seamlessly with existing components and features, maintaining or enhancing the overall user experience without introducing regressions.

Technical Details

Objective: Conduct comprehensive testing of the brand evolution design token updates within a designated pre-release branch of the portfolio.
Scope: The testing should cover all aspects of the portfolio affected by the design token updates, including but not limited to UI components, layout, and theming.
Testing Branch: The updates are available in the pre-release-brand-evolution branch (name subject to change based on the actual branch used).
Key Areas for Testing:
1. Visual consistency with the new brand guidelines.
2. Compatibility of design token updates with existing components.

Acceptance Criteria

All key components and features within the portfolio accurately reflect the updated design tokens, adhering to the new brand guidelines.
No visual regressions or inconsistencies are introduced as a result of the design token updates.
Stakeholder feedback (from design, product, and engineering teams) on the pre-release branch is overwhelmingly positive, with any concerns adequately addressed.
Works in light and dark themes

Additional Notes

This testing phase is a critical step in our brand evolution journey, ensuring that our portfolio not only aligns with our new brand identity but also continues to deliver an exceptional user experience. Collaboration and open communication among all team members will be key to identifying and resolving any issues that arise during testing.

Tracking

Progress on this testing initiative will be tracked through this GitHub issue, with updates and findings documented as comments or linked documents. Stakeholders are encouraged to provide feedback directly within this issue or through designated communication channels.

georgewrmarshall commented 2 months ago

Not connected dark theme

https://github.com/MetaMask/design-tokens/assets/8112138/25e2484e-51b8-44f1-bd53-103013ec7652

georgewrmarshall commented 2 months ago

Not connected light theme

https://github.com/MetaMask/design-tokens/assets/8112138/0220a909-8da5-4c4e-9c75-0ffddcd92f59

georgewrmarshall commented 2 months ago

Connecting to portfolio

https://github.com/MetaMask/design-tokens/assets/8112138/0ea5e641-4947-4ff0-831e-ca127f19f238

georgewrmarshall commented 2 months ago

Checked for any console errors regarding design token update are not present. Although portfolio does seem to have a few console errors