Homepage and Landing Pages
This page demonstrates the landing page template. You can edit this paragraph by editing this page, and then going to the Landing Page Intro Area box. This paragraph is controlled by the "Intro Paragraph" box.
When to use this page
Use the landing page template for top-level pages on the site to introduce the site section and point to important pages within the section.
The homepage is a special type of landing page with slightly different image size requirements. Callouts for homepages are 511px by 700px.
Templates
You’ll want the following Photoshop template for callouts on this page. Callouts are 511px by 700px.
Images will crop according to the size of screen you’re working with, and need to be a bit larger and cropped differently than you might expect in order to accommodate all possible ways your image can show in different browsers. This includes a long rectangular format, a vertical format, and a format that is closer to a square on desktop. Images will automatically adjust height based on the content you put in the callouts – so if you have more callout text, on desktop, it will be taller. If you have less, it will crop closer to a square.
This is intentional and creates the best possible user experience for all devices. When in doubt, use the template below to help crop your images so they look great on desktop.
Generally, the parts of the image most likely to show are the ones in the center. Text is positioned over this area, so take care that text is still readable when positioning your image. The template below will give you an idea of how the desktop image crops from your source image.