Image Tile Menu

Use a  promotion feature on a menu page when you have more than one page to promote with visually appealing and high quality photographs. 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

Criteria

Powerful, high-quality photographs are the main criteria for using the image tile template. The photo contents should directly reflect the tile title. The photos must be attractive, appealing, memorable and colourful while adding value and telling a story. The image must prompt users to click on the tile to learn more.

Tile Image Specifications

  • Photographs only – no graphics, logos, photo composites or text overlay.

  • 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.

  • 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

  • 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

  • When the criteria for use of the image tile menu is met, the division’s Web Lead or Publisher can make a request including sample photos and a content summary via email to Digital Communications.

  • Digital Communications must 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.

Version 2.02 . March 2024 . City of Toronto Web Standards