Imagery can be used to create a visually-appealing piece of content, to elaborate or describe sophisticated concepts, to create a unique identity – the possibilities are wide-ranging.

Our digital style applies our brand imagery components in a specific way. Here, we’ll discuss some of the branding components key to our digital brand.

The majority of photographic images are built to fit a 16:10 ratio to ensure a consistent view of the images across the various pages. Other ratios are used sparingly throughout the experience for secondary imagery such as product icons and author photos. For more information, visit Image specifications for wtwco.com.

Just as a page with no imagery can be a poor experience, a page with with too much imagery can also be unappealing. Limit the number of photos to two or three per viewport height on desktop. Be sure to incorporate different sizes of images (right rail, left rail and full-width) to create a visual hierarchy throughout. Just as you would not stack the same component over and over on a page, do not stack images of the same size.

The exception to this rule is any grid-based matrix. Such components are meant for repeating similar types of content from two to as many items as required.

Try not to add text to images, unless you are creating an infographic or a proof point. There are several options for showcasing content.

Helpful Brand Central Links:


        
    

All images must have an alt tag unless they are decorative-only, in which case they should have an empty alt attribute of alt=''. Use our accessibility guidelines to determine your image type and accessibility needs.

Refer to Accessibility - Imagery.

Consult the reference links for creating properly-sized imagery for WTWCO.com: