Нарисовать всплывающие уведомления для сайта it-grad.ru. Логотип, который нужно использовать, прилагаю.
Пример, который можно использовать как базу, в приложении. Размеры те же.
Пример нотификаций можно посмотреть здесь: http://ivankuzin.ru/sandbox/
Цветовая гамма: белый и голубой (точные данные взять с логотипа)
Фон можно использовать тот, что во вложении, либо подобрать что-то похожее.
Обращаю Ваше внимание, что все нотификации имеют кросс-браузерный характер и будут применяться как в десктопных версиях, так и в мобильных. Поэтому нужно учитывать фактор адаптивности шаблонов.
Что в итоге нужно нарисовать:
1. Информер (слева или справа). (см файлы noti1 и информер маленький)
Размер 350x90 пикселей.
Логтип 60х60px.
Выравнивание по вертикали – по центру. По горизонтали – по левому краю.
Текст 3-5 слов – ссылка (можно обозначить «рыбу»)
2. Форма с блокировкой действий (см файлы noti 3 и Форма с блокировкой 1 и 2)
Использовать текстовку с картинки, логотип. Пример во вложении.
3. Оверлей, без блокировки действий. (см файл noti 2 и Оверлей, без блокировки)
Уведомление в виде оверлея, в нижней части экрана на всю ширину.
Размеры – ширины 100% экрана, высота в зависимости от текста.
Иконка (логотип) не может быть заменена картинкой. Размеры не регламентированы – рекомендация 150х150px.
Выравнивание всего блока вместе с тестом по вертикали – по центру. По горизонтали – по центру.
Текстовка – желательно использовать ту, что на картинке (зеленой). Возможно размещение кнопки рядом (справа) или под текстом.
