Search

Shortcut tiles

Vinh
Vinh
  • Updated
You can add shortcut tiles anywhere in your styleguide. These can link to other parts of your styleguide or to external links.

Add shortcut tiles

  1. Choose Shortcut tiles from the toolbar
  2. Click "add a shortcut tile"
  3. Search for a page you want to link, or paste an external link, and hit save. You can set these to open in a new tab, otherwise it will navigate the user in their current tab.
  4. You can then add a title, description and image for each shortcut tile

Shortcut tile options

For each tile you can add an image, title and description in any combination. The content within the shortcut tile will determine how it is displayed for viewers.

Title only

If you create a shortcut tile with just a title: Viewers will see this:

Combination tiles

If you have one tile and other with all fields filled out: Then, for viewers, it will default to the largest tile in the block and an empty space will appear where there is no image or description uploaded like so: Therefore, if you want some of your tiles in a block to be full length with a description, and some without, you'll need to create them as separate blocks.

Shortcut tile sizes

This feature is available on Enterprise plans. Want this and other premium features? Update your plan here.
You can adjust your shortcut tiles to be full width, three-quarters width, half width or a quarter width. You can also adjust the height to three pre-set heights (small, medium, or large).

FAQ

What is the optimum image size/ratio for shortcut tiles?

For shortcut tiles, the best image ratio is 2:1. If you have an Enterprise plan, the ratios for the different-sized shortcut tiles are: Small 4 column = 2:1 Small 3 column = 3:1 Small 2 column = 4:1 Small 1 column = 8:1 Medium 4 column = 1:1 Medium 3 column = 3:2 Medium 2 column = 2:1 Medium 1 column = 4:1 Large 4 column = 4:5 Large 3 column = 1:1 Large 2 column = 8:5 Large 1 column = 4:1

Why is my shortcut tiles text truncating?

  • If you have a description as part of the tile, the title will not be able to go onto two lines.
  • The description will be truncated beyond 3 lines, so we suggest you keep the content short and snappy.

Was this article helpful?