Closed
Description
Reskin the Provider Dashboard
Objective:
Reskin the existing Provider Dashboard to adhere to the design and style guidelines provided in the Frequency Style Guide.
As a front-end developer,
I want to reskin the existing Provider Dashboard,
so that the interface maintains a user-friendly experience while aligning with the Frequency design guidelines.
Acceptance Criteria:
- Update the visual elements of the existing Provider Dashboard, including fonts, colors, buttons, and layouts, to match the Frequency Style Guidelines.
- Ensure the dashboard's design is consistent with the style guide available at: Frequency Style Guidelines on Figma.
- The dashboard should continue to provide a seamless, user-friendly interface for providers to manage their services without altering the core functionality.
- Utilize existing resources and code available at: Provider Dashboard: Live Dashboard and Source Code: GitHub Repository.
Note:
- This task is strictly a reskin. No new UI/UX changes are required aside from updating the design to align with the Frequency Style Guidelines.
- Development teams need to add and relate all necessary implementation subtasks (e.g., updating CSS, modifying component styles, ensuring adherence to style guidelines) to this story to ensure a smooth reskinning process.
Notes from design:
- Remove the background image
- Background color should be solid branding color primary
- Cards and nav the dark neutral black
- Font treatments and sizes to match the style guide
- Buttons should be the secondary branding color
- Form elements should match colors, borders (including error states, dropdowns and required fields)
- Additional components not called out in the style guide use your best judgment and infer from the style guide
Sub tasks
- Fix links frequency-chain/provider-dashboard#167
- Change Logo Size + Color frequency-chain/provider-dashboard#171
- Update titles to use "Account Id" frequency-chain/provider-dashboard#168
- BUG: needs text wrap on long error frequency-chain/provider-dashboard#170
- Link to Faucet From Nav frequency-chain/provider-dashboard#166
- Link to Faucet From Login frequency-chain/provider-dashboard#165
- Copy the Account Id frequency-chain/provider-dashboard#169
- Replace UI Colorway frequency-chain/provider-dashboard#163