![](https://qiwiguide.ru/wp-content/uploads/2019/02/Alerts-High-Quality-1024x320.png)
Оповещают пользователей:
— о критических изменениях или ошибках в работе сервиса;
— об изменениях условий или лимитов;
— об успешных действиях в системе.
![](https://qiwiguide.ru/wp-content/uploads/2019/05/Alert-Header@--1024x429.png)
Могут включать в себя:
— заголовок уровня H4;
— основной текст Body M 300 (Normal);
— иконку состояния 24×24px.
![](https://qiwiguide.ru/wp-content/uploads/2019/04/Alert-Dont@2x-1024x410.png)
Не используйте заголовок с иконкой без основного текста.
![](https://qiwiguide.ru/wp-content/uploads/2019/05/Alert-Dont-02@2x-1024x410.png)
Не располагайте алерты на сером фоне.
![](https://qiwiguide.ru/wp-content/uploads/2019/05/Alert-Dont-03@2x-1024x599.png)
Не рекомендуем добавлять к алертам кнопки. Для таких случаев используйте результирующие блоки.
![](https://qiwiguide.ru/wp-content/uploads/2019/05/Alert-OK@2x-1024x601.png)
![](https://qiwiguide.ru/wp-content/uploads/2019/05/Alert-Dont-04@2x-1024x599.png)
Располагайте алерт в блоке со стандартными отступами.