Thread by @jzdevs

Cosmos is one of the best examples of the current web3 design trends across the industry.

Colorful hues, dark mode, space themed 3D elements, planets and orbits - all done so magically well!

Thread 👇🏼🧵

The “Internet of Blockchains” copy is outstanding, and combined with the planetary background really drives the message home - that they are a collection of decentralized ecosystems.

Plus, the planets are interactive on hover! 😀

The space and planet theme trickles down from big background elements all the way to small images and icons.

Now, your turn.

How to evaluate aesthetics of your homepage?

I follow 3 simple steps:

1/3 Colors

✔ Use a max of three (plus or minus one) different colors

Too many colors distract the user and make the interface overwhelming.

3 is the sweet spot - primary, primary light and accent. That's all.

2/3 To the point

✔ No unnecessary design elements (those which serve no functional purpose)

Again, lesser distractions = more focus.

Every element on the screen MUST serve some purpose towards the goal of the page.

3/3 Imagery

✔ Use high quality images, videos, illustrations, etc

Pixelated images and blurry images are a turn off.

Use webp and svg assets which are vector and don't lose their quality (while still maintaining file size).

I wrote a free guide on how to evaluate a web3 homepage design for the above parameters (using Cosmos as an example): lnkd.in/djCS6BdU

#cosmos #web3 #crypto #userexperience #design

If you liked this thread, RT the 1st tweet.

https://twitter.com/jzdevs/status/1552913404532101120?s=20&t=rlTQgVufYcu_rqAd5ENkOA