Cosmos: Web Design Masterclass
Reviewing the landing page of Cosmos: a "Pinterest alternative" for creatives
Supported by:
Baked Graphics: amazing 3D video mockups
Daylight Computer: the healthiest computer
Framer: the best website builder for designers
ProtoPie: the best hi-fidelity interface prototyping tool
In our second Masterclass, we review the landing page of Cosmos, a "Pinterest alternative" for creatives.
Starting from how I first encountered Cosmos on the website of another designer, we journey through the experience of visiting their landing page.
Cosmos' website offers us many lessons in layout, typography, animation, and interaction design on the web.
Highlights
"Cosmic Design" – painting with light on a black canvas
First impression of a new startup – how we discover new design tools and resources
Web development workflow tips using Arc Browser
Vibe vs. clarity
Tips for implementing animated "microinteractions" in websites – dos and don'ts
Tips for implying depth and space on a 2D screen
The 8 typographic layout systems and how to use – and not use – them in web design for creativity and readability
The power of imagery and art direction in web design and marketing
Layout and animation tactics to create focus, clarity, and direct call to action
Resources Used
Typographic Systems by Kimberly Elam