Help Center

Top article results

    Shortcut tiles

    Shortcut tiles

    Photo of Rosie Watson

    Rosie Watson

    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 for Professional and 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 the Professional and Enterprise plans, 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.