Picture tiles example

Picture Tiles are used to convey a call to action and they are similar to Small Tiles but are less flexible.

Picture Tiles...

  • Offer a full-tile image
  • A single text label

Small Tiles...

  • Allow for several lines of text
  • May include an icon or a thumbnail image
  • Have an optional call to action link

Tile Alignment

Picture tiles look best in multiples of three. You may certainly have more or less tiles but the tiles will align and resize to fit the screen. For instance, four tiles will align in a 2x2 grid instead of three across and one down. Six tiles will align in a 3x2 grid.

See various alignment examples below.

Example 1

Three tiles exactly

Example 2

Four tiles

Example 3

Five tiles

Example 4

Six tiles

example 5

seven tiles