Get out of jail free

Helps to redirect users whom research has shown commonly go to one location when they want to be in another.

The “Get out of jail free” component is used to redirect users whom research has shown commonly go to one location when they want to be in another. It must be used infrequently and be backed my user research data. Because of this, it is not included as an option available to content editors to add to pages but can be requested.

Responsive sizing

The element fits the full width of the container it is within, scaling down with the browser.

Specs

• Padding: 8px

• Border-radius: 4px

• Background-color: light accent 5% (or #FAFDF2)

• Border: 1px solid light accent 20% (or #EAF7CC)

• Font size: base3(all screen sizes)

• Line height: base7(all screen sizes)

Text does not scale up/down in the standard formula outlined in the Typography section.

Inspect navigation components in public site components in Figma