omgnetwork / optimism-v2

ARCHIVE of monorepo implementing Boba, an L2 Compute solution built on Optimistic Ethereum - active repo is at https://github.com/bobanetwork/boba
https://github.com/bobanetwork/boba
MIT License
40 stars 22 forks source link

Ecosystem Page Design Ideas #471

Open OolongMusk opened 2 years ago

OolongMusk commented 2 years ago

EcosystemPage EcoSystemPage2

Rough design ideas for the Boba ecosystem page. "Pill" components allow user to filter between "type" of DApp i.e Wallet, DeFi, NFT etc. concept inspired by Arbitrum's portal, though aesthetics slightly differ. The red circle is representative of a live event, i.e projects that currently offer airdrops, whereas the green pill indicates active projects partaking in the WAGMI incentive. Different colours reflect different things. Card structure allows for the logo of the project to be away from the card body giving more space to dedicate to a better description, or any other tags you'd want to put with sufficient space to include socials in a similar manner the current ecosystem page has. Right arrow side scrolls through cards. Pill component in the top left of each card could indicate current state of DApp, or dynamic info of your choosing. Very rough drafts, just for inspiration and a bit of fun. Cards in second design aren't aligned, but a perfect design isn't the focal point. Keep up the great work guys :)

Note: Font is not part of the design, it's not a hint to change the pre-existing font just there simply for context and to fill in the gaps.