08.1 / Alerts & Errors

08.1 / System Alerts
System alerts System Alerts occur at the top of the page and pertain to information effected on that particular page.

The body copy is the main text found throughout the site which informs our travelers on all the services and information related to their travel. In most instances the body copy will be between 14pt and 10pt depending on page placement and in order of importance of information. Body copy of 12pt and smaller should always be regular and not light for legibility.

Critical informational headline (Conditions and information that pertain to all travel)
Non-critical informational headline (Conditions and information that pertain to the traveler)
Critical informational headline (Conditions and information that pertain to all travel)
If there happens to be two different types of messages presented to the user, the critical should always be listed first. In this case, both messages should be accompanied by their corresponding icon to show level of importance. If there are two current messages of the same level of importance, only one icon is needed for both. There should never be more than two lines of text for either the headline or the information that follows. This will make sure the user stays engaged and is informed with important information that pertains to their selections.
Inline messaging
Error messaging System maintenance errors will be the first thing a user sees whenever they enter the site. These messages are top the page, and let the user know when there are site wide errors or updates taking place to better improve the user experience. Maintenance errors use a cautionary marking with the modern gold fill. This is the only place on the site this treatment will be used.
System maintenance error messaging
Text box error
Tooltip error
Text box error (on color field)
Error messaging Tooltips are messages specifically set to show a user when there has been a mistake in data entry, or more data is needed to proceed in the selection process. Tooltip error modals will have an error red (CD202C) one pixel stroke with a white (FFFFFF) fill. The type call outs of what is needed will be 12pt, medium gray (666666) and have a 14pt line spacing. See illustrations for rules and container spacing.
Tooltip error – type validation – on color field
Tooltip error – type validation – on color field
The max number of travelers allowed for a single itinerary is 8 travelers. Once the max number, in any combination of travelers is reached, an alert message will appear. If there is a combination that is not allowed by TSA, the user will be notified in the same messaging area.
System Alerts System Alerts occur at the top of the page and pertain to information effected on that particular page.

The body copy is the main text found throughout the site which informs our travelers on all the services and information related to their travel. In most instances the body copy will be between 14pt and 10pt depending on page placement and in order of importance of information. Body copy of 12pt and smaller should always be regular and not light for legibility.

Weather widget alerts
If there happens to be two different types of messages presented to the user, the critical should always be listed first. In this case, both messages should be accompanied by their corresponding icon to show level of importance. If there are two current messages of the same level of importance, only one icon is needed for both. There should never be more than two lines of text for either the headline or the information that follows. This will ensure that the user stays engaged and is informed with important information that pertains to their selections.

Informational and weather icons may be used interchangeably with any level of severity.
Available assets Use the links below to access the available files for the assets referenced on this page.