Let's plot websites onto a plane where "look & feel" is the x-axis and "usability" is the y-axis.<p>I suspect most of the websites suggested here will lie in the top left corner. This is exemplified by websites of tech / SaaS companies, with the universal header, a centered display-sized black-weighted heading in Inter, the various screenshots, testimonials, all responsively arranged and come with dark mode, and (possibly falling out of vogue) squishy-squashy Memphis corporates. These are the playgrounds of Tailwind, Vercel, Linear.app, Shopify, PlanetScale, Supabase, etc.
Modern at first sight, but quickly dull the senses. Passable for their supreme usability (the Vercel dashboard works better on mobile than many websites on desktop).<p>On the bottom right corners are the grandiloquent, the pompous, the extravagant. See them on Awwwards. Somehow, I feel a sizeable of Web3 websites fall into this, though I have only superficial exposure to them, with their overuse of transitions and animations.<p>It's hard to find the exemplary websites, the residents of the top right corner. Some suggest the apple.com website, which I feel is certainly worthy of consideration but whose style I don't really grok. I shall leave here some suggestions, whose merits I hope is clear upon the first visit:<p>- <a href="https://build.mmm.page" rel="nofollow noreferrer">https://build.mmm.page</a><p>- <a href="https://excalidraw.com" rel="nofollow noreferrer">https://excalidraw.com</a><p>- <a href="https://laracon.net" rel="nofollow noreferrer">https://laracon.net</a><p>- <a href="https://krasjet.com/rnd.wlk/julia" rel="nofollow noreferrer">https://krasjet.com/rnd.wlk/julia</a><p>- <a href="https://wise.com" rel="nofollow noreferrer">https://wise.com</a><p>- <a href="https://cal.com" rel="nofollow noreferrer">https://cal.com</a><p>- <a href="https://freefaces.gallery" rel="nofollow noreferrer">https://freefaces.gallery</a>