Design Principles

White Space and Clean Design

Hulu

Hulu Mobile Page

While it isn't exactly white, the space between the panels on Hulu's website allow for each feature to have its own full display.

Hulu

Amazon

Amazon Mobile Page

Amazon uses the color white a lot throughout their website. The space used here gives you a chance to take in each shopping categroy without showing too much of what's next.

Amazon

Alignment

Trainline

Trainline Mobile Page

Trainline aligns all of their input boxes and buttons to make them clean and easy to navigate. Similar boxes are also grouped together, showing a relationship.

Trainline

BYU-Idaho

BYU-Idaho Mobile Page

The BYU-Idaho website uses a simple design of putting articles and links in different boxes. All of the boxes are aligned making it easy to scroll down the page and see everything on offer.

BYU-Idaho

Contrast

GitHub

GitHub Mobile Page

GitHub's first page shows off what they do best, and their wording really sticks out with white over a dark background. They invite you to get started by making sure the email input and signup button stand out.

GitHub

Discord

Discord Mobile Page

Discord tells you all you need to worry about is downloading their platform by placing a big bold download button over a darker background. The white over blue makes it one of the first things your eyes are drawn to.

Discord