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 node-runner's private node creation page colours and skin tones (Light Mode) #90

Closed
15 tasks done
Tracked by #52
brunomenezes opened this issue Aug 7, 2023 · 0 comments · Fixed by #137
Closed
15 tasks done
Tracked by #52
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 Aug 7, 2023

📄 Context

Here are the node runners private node creation page changes on colour, skin tones and fonts in Light 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.
PS²: Don't worry about the header and footer, because that is addressed in a separate issue #82

📈 Subtasks

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

  • Apply new colours and font rules for the page header area, also:
    • Apply the new colours and font changes for the backlink.
    • Apply the new colours and font changes for the page title.
    • Apply the new colours and font changes for the learn from tutorial link.
  • Apply colour and font changes to the following steps:
    • For steps involving transactions, apply support system colours for feedback UI, i.e. Alerts, input error messages, spinners, etc.
    • Update the Set up Ethereum node step.
    • Update the Set up node step.
    • Update the Hire node step.
    • Update the Set allowance step.
  • On small screens: Apply the new colours and font rules for the StepGroup <Header>.
  • Add here any extra tasks you see fit [Optional]

🎯 Definition of Done

  • Node runners' private node creation matches the design specs on Figma for light mode.
@brunomenezes brunomenezes added staking Changes targeted to the Staking platform type:feature new feature or improvement over an existing feature labels Aug 7, 2023
@brunomenezes brunomenezes changed the title DRAFT: Update the node-runner's private node creation page colours and skin tones (Light Mode) Update the node-runner's private node creation page colours and skin tones (Light Mode) Aug 7, 2023
@brunomenezes brunomenezes added this to the Rebranding milestone Aug 7, 2023
@dandheedge dandheedge self-assigned this Sep 8, 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
3 participants