Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Update the home page colours and skin tones. #56

Closed
10 of 11 tasks
Tracked by #52
brunomenezes opened this issue Jul 24, 2023 · 0 comments · Fixed by #74
Closed
10 of 11 tasks
Tracked by #52

Update the home page colours and skin tones. #56

brunomenezes opened this issue Jul 24, 2023 · 0 comments · Fixed by #74
Assignees
Labels
staking Changes targeted to the Staking platform type:feature new feature or improvement over an existing feature
Milestone

Comments

@brunomenezes
Copy link
Collaborator

brunomenezes commented Jul 24, 2023

📄 Context

Here are the home page changes on colour, skin tones and fonts in Dark mode to comply with the new Cartesi brand. The application's structure did not change, only the look and feel.

PS: Refer to the parent of this issue for references on colours, fonts and the overall look and feel of a page.
PS²: Don't worry about the header and footer, because that is addressed in a separate issue #62

📈 Subtasks

A Home page example is already in the Figma file for Dark mode for easier reference.

Overall

  • Make sure the fonts are applied correctly based on the Figma description. i.e. Where to use each font and what size and weight to be applied.
  • Make sure the components are round, like the design. We're transitioning from a squared-based design to a round one.

Page sessions

  • Check if the new colours for the page name, wallet balance, and pool balances are correct. Apply changes if needed.
  • Apply colour changes to the Block space. Keep the current grid system of 2 columns for big screens and 1 column for small ones for the Card.
  • Apply colour changes to the Block Producers space.
    • Update the look and feel of the Table.
    • Update the Address component, replace the light blue background with an underline in the address text..
    • Update the staking button colour in the stake/info column.
    • Update the paging component to match design specs.
  • Add here any extra tasks you see fit [Optional]

🎯 Definition of Done

  • Home page matches the design specs on Figma.
@brunomenezes brunomenezes changed the title Update the home page colours and skin tones. [DRAFT]: Update the home page colours and skin tones. Jul 24, 2023
@brunomenezes brunomenezes added staking Changes targeted to the Staking platform draft The issue is in refine mode, information will be added labels Jul 24, 2023
@brunomenezes brunomenezes self-assigned this Jul 24, 2023
@brunomenezes brunomenezes added the type:feature new feature or improvement over an existing feature label Jul 24, 2023
@brunomenezes brunomenezes changed the title [DRAFT]: Update the home page colours and skin tones. Update the home page colours and skin tones. Jul 25, 2023
@brunomenezes brunomenezes removed the draft The issue is in refine mode, information will be added label Jul 25, 2023
@brunomenezes brunomenezes removed their assignment Jul 25, 2023
@nevendyulgerov nevendyulgerov self-assigned this Jul 25, 2023
@nevendyulgerov nevendyulgerov linked a pull request Jul 31, 2023 that will close this issue
@brunomenezes brunomenezes added this to the Rebranding milestone Aug 7, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
staking Changes targeted to the Staking platform type:feature new feature or improvement over an existing feature
Projects
Archived in project
Development

Successfully merging a pull request may close this issue.

2 participants