Style Guide

Patterns

Combinations of components and elements that are used globally throughout the website.

The top region of the website, the header provides users with a consistent brand, a way to easily navigation the website, a search, and other relevant items.

Preview

TechnologyReview.com Header

Similar to the header, the footer is a consistent section of each page in the site that provides additional information, navigation, and content.

Preview

TechnologyReview.com Header

Newsletter

Newsletter templates should follow this understated design, including a headline with:

  1. Date of delivery
  2. Subject/headline that clearly describes the purpose of the email
  3. Logo (see Elements)
  4. Message body

Additionally, all emails should adhere to International Spam Requirements By Country

Preview

Newsletter template

Account

The Account section of the website has a different theme and layout from the rest of the pages. This is to help differentiate the experience provide clear and direct pathways for users to complete account and settings-related tasks.

Preview

TechnologyReview.com Header