Here are the node runners staking pool 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 Commission Model step.
[ ] Update the Hire node step.
[ ] Update the Pool ENS step.
[ ] On small screens: Apply the new colours and font rules for the StepGroup <Header>. May have already been done on #67
[ ] Add here any extra tasks you see fit [Optional]
🎯 Definition of Done
[ ] Node runners' staking pool creation matches the design specs on Figma for light mode.
📄 Context
Here are the
node runners staking pool creation
page changes on colour, skin tones and fonts inLight 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
Page sessions
backlink
.page title
.learn from tutorial
link.Set up Ethereum node
step.Set up node
step.Commission Model
step.Hire node
step.Pool ENS
step.StepGroup <Header>
. May have already been done on #67🎯 Definition of Done