An image tile menu can be used if the content is Use a promotion feature on a menu page when you have more than one page to promote with visually appealing and high quality photographs are available for each tile. Approval . This design component is used to surface lower level pages that are not represented in the existing menu. Approval to use this component is required from Digital Communications to use this template.
...
Criteria
Powerful, high-quality photographs are the main criteria for using the image tile template. The content of the photos photo contents should directly reflect the tile title of the tile. The photos should must be attractive, appealing, memorable and colourful while also adding value , and telling a story and encouraging . The image must prompt users to click on the tile to learn about the contentmore.
Tile Image Specifications
Photographs only – no graphics, logos, photo composites or text overlay.
Size Image size – 600 x 400px, 72dpi, 10MB or less. ( Original, high resolution, uncropped images should be initially provided so that they can be included in case re-cropping is needed.)
Ratio Image ratio – 3:2, with the focal point of the image centered in case the image is cropped when viewing on smaller screens.
Page Elements
Number of tiles - six to nine tiles are recommended.
Page banner/video - a page banner or a video (but not both) may appear in the banner position.
Introductory text - the page should contain a concise introduction (minimum one to maximum three sentences) that briefly explains the content.
Request Process
If a web team believes their page is a good candidate for an image tile templateWhen the criteria for use of the image tile menu is met, the division’s Web Lead or Publisher should email digital@toronto.ca with can make a request . Provide including sample photos and a content summary via email to Digital Communications (DC) in advance.
DC Digital Communications must provide approve the use of this template.
If the images do not meet the criteria above, the standard tile template without images will be used instead.