Reviewing the Cosmos Landing Page

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

Buy Now

Authors

Mehmet Aydın Baytaş

Mehmet Aydın Baytaş

Website | @doctorbaytas

Mehmet is the founder, producer, and editor-in-chief at Design Disciplin. He has been designing and building since 2005, and spent 10 years in design and computer science research.

More from Mehmet Aydın Baytaş

Recommended

The Secret to Great Design

Concept

The Secret to Great Design

IDEO cofounder Bill Moggridge – known for coining the term "interaction design" – once said that "the only way to experience an experience is to experience it." On that note, I feel like the topic of today is best suited for a face-to-face discussion. I'll let you find out over at YouTube, or perhaps the podcast. Enjoy. Books That Inspired This Episode * The Creative Act: A Way of Being by Rick Rubin * Articulating Design Decisions by Tom Greever * Build: An Unorthodox Guide

Podcast
Video

Mar 14, 2023

Mehmet Aydın Baytaş

How to Design Like Visualize Value

Concept

How to Design Like Visualize Value

Jack Butcher's design tools explained

Article
Video

Feb 13, 2023

Mehmet Aydın Baytaş