Topic Links

These are not buttons but will transform the whole section into an outlined link.  These are great for large topics on your pages that you want to draw attention without distraction.  There are two main formats: color backgrounds and image backgrounds.  This will impact the whole section so design the layout to accomodate it.

A topic link will have upper case text for the link and position the link text towards the bottom.  Use these to create larger, easy to find, pointers to more information from one page to another.  Do not use topic link within paragraphs of text, they were designed to be used as a unique item within a section.

This page uses a gap-10 style to help create separation between each topic link.  By default the link will go 100% of the section space.

Use Custom Images

You can add your own images to the topic links.  Remember that this is going to make the image contain to the section.  The images should not be used to convey instructional data to users.

As an example we are using this image behind the topic link.

Add a background image

Open the background editor and open the Section tab. Find the section where you want to add the image using the editor.  This will automatically add the image to the section where you can just add your link text.