Dotted outline

How to use it

Add a border to an element but make it a dotted line.

When to use it

This helps to call attention to an element and is visually lighter than a solid outline. In the example below I've put some space between the element and the outline because this is more noticeable. There's no reason you shouldn't use a dotted outline directly on the element, though.

What to watch out for

Dotted lines remind some people of "cut here" guides from the world of paper, so this technique might give the impression that something is temporary/could disappear.

Examples