SharedStake / SharedStake-ui

SharedStake User Interface using vue.js
https://www.sharedstake.org/
GNU General Public License v3.0
16 stars 15 forks source link

UI updates #71

Closed 0knxwledge closed 3 years ago

0knxwledge commented 3 years ago

Addressing recommendations in #70

Navigation:

Center header nav items relative to the full width. Global footer UI fix.

Home Page:

Live stats swapped with "Capital Efficient Staking" section. Indicate Live stats are Live. "Capital Efficient Staking" section body copy has a widow. Expand width of the text box so "market" is on the second line. Remove Icon from "Learn More" buttons Remove pink circle from "Roadmap" - Usability issue Change "Stake!" outline CTA button to "STAKE" solid CTA button. Try black type in Medium or Bold on top of a SharedStake pink button)

Stake:

CTAs should match the CTAs on the home page and throughout the site (i.e. black type in Medium or Bold on top of a SharedStake pink button) Header color is too dark. Try using the blue from the arrow and selectors on the page "ETH staked" color is too dark. Try using the blue from the arrow and selectors on the page. Change copy from "XXXXX/XXXXX ETH staked" to "XX,XXX of XX,XXX ETH staked"

Earn:

Make the text form the same width as buttons or rows of buttons

Add padding between two buttons (try 4px)

Responsive Web:

Looking long term refine breaking point to avoid progressively line-breaking text

Asset Improvements:

Change CertiK badge to CertiK logo