Alerts

  • Alerts provide contextual feedback messages for typical user actions, as well as alerting them to important information they may need to know. Information and warning messages usually appear at the top of a page, under the Success and error messages might appear above a form. Use the appropriate color to match the purpose of your message. 

    Guidelines

    • Keep alerts to 55-75 characters including spaces
    • Use only one alert per page
    • Alerts should have a time limit and be removed promptly

    Examples

    There are no claims found for the past 90 days. Search for more claims
    • color: #404144
    • background-color: #dff0d8
    • border-color: #d6e9c6
    • link: #0066cc
    There are no claims found for the past 90 days. Search for more claims
    • color: #404144
    • background-color: #d9edf7
    • border-color: #bce8f1
    • link: #0066cc
    There are no claims found for the past 90 days. Search for more claims
    • color: #404144
    • background-color: #fcf8e3
    • border-color: #faebcc
    • link: #0066cc
    There are no claims found for the past 90 days. Search for more claims
    • color: #404144
    • background-color: #f4e6e6
    • border-color: #ebccd1
    • link: #0066cc