Our second Masterclass reviews 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 | Frameworks for Type Beyond the Grid | Graphic Design | Typography
