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.

Sign up for GitHub

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

Jump to bottom

Design of elements #34

Open
28 of 34 tasks
serejandmyself opened this issue Dec 28, 2023 · 0 comments
Open
28 of 34 tasks

Design of elements #34

serejandmyself opened this issue Dec 28, 2023 · 0 comments
Assignees
@serejandmyself @sasarte
Labels
Admin Design Dev

Comments

@serejandmyself
Copy link
Member

serejandmyself commented Dec 28, 2023 •
edited
Loading

Elements

  • 404
  • Font
  • Headings
  • Logo: top left corner. upon clicking on any page, it takes back to home page: validator.info
  • Button style
  • Fav button to add validator
  • Button to open proposal details on /validators/X/cosmoshub in governance block
  • info pane button (an info or question mark next to tiles of metrics/columns that take to explanation)
  • Padding / Borders / Spacing
  • Main left menu: hovering element, button to take menu left or right, highlight of selected page, title icons
  • Top and bottom menu (info, search, login, buttons, our socials) placements
  • Info line: coingecko style info, https://www.coingecko.com/, always visual
  • Search panel + buttons
  • authz permissions button on /validators/X/cosmoshun in top block with address detail
  • Pie chart visual of stake distribution on given network
  • Validator on network: on /validator/X/cosmoshub a highlight icon top of page to show where you at page title
  • page title for proposal detail page
  • TX detail button on tx detail page
  • JSON tx button on tx detail page
  • Login / avatar circle: leads to 404 for now
  • Table stylistics (main table, validator network table, etc)
  • Right-top help menu
  • Bottom social links menu: twitter val info, github, staking page citizenweb3, telegram web3soceity
  • Status of tx finality (how long it takes - how many txs - when finish - hot or cold)
  • Icons for tx types on /validators/X/cosmoshun in transaction table block
  • pixel characters | Design pixelated charectures #127 |
  • Staking reward calculator
  • Badges | Design badges #35 |
  • Library page visual
  • Validator nodes visual | Validator profile page nodes visual #39 |
  • Network profile visual
  • Claimed by validator page visual icon
  • Icons for tabs on pages | Design icons for tabs  #77 |
  • Stories with Design pixelated charectures #127 | Stories #156 |

OLD task info

Style

  • Pixel art, early 90s PC gaming
  • All menu subtitles must be seen as any page is scrolled down
  • BY DEFAULT THE PAGE LOADS DARK MODE
  • Page titles should be H1

Some pixel art examples
@serejandmyself serejandmyself self-assigned this Dec 28, 2023
@serejandmyself serejandmyself converted this from a draft issue Dec 28, 2023
@serejandmyself serejandmyself moved this from In Progress to Review / Ongoing in Validator Info Jan 31, 2024
@serejandmyself serejandmyself moved this from Review / Ongoing to In Progress in Validator Info Jul 10, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@serejandmyself serejandmyself

@sasarte sasarte

Labels
Admin Design Dev
Projects
Validator Info
Status: In Progress
Milestone
No milestone
Development

No branches or pull requests
5 participants
@serejandmyself @NRaykov @antonymous-a @julmedvedeva @sasarte