Руководство по фирменному стилю Proglib.academy

Это визуальная система и графический язык, созданный затем, чтобы объединить множество продуктов и их элементы в единое целое. На странице представлена удобная навигация по основным элементам интерфейса.

Логотип
Логотип состоит из двух элементов: пиксельная лягушка голубого цвета и шрифтовое написание «proglib.academy».
Нажми на картинку, чтобы скачать логотип
Нажми на картинку, чтобы скачать логотип
Нажми на картинку, чтобы скачать логотип
Палитра
Цвет — это инструмент управления вниманием пользователя: он помогает выделять главное, а не отвлекать от того, что важно. Цвет нужен, чтобы различать продукты внутри экосистемы, и зависит от бизнес-задачи. Каждый курс в Proglib.academy имеет не только основной цвет, но и дополнительные.
#333A4D
Фирменный цвет — используйте цвет в местах, где важно выделить смыслы и подчеркнуть детали.
#333A4D
Цвет для набора основного текста, текста в полях ввода, надписей, блоков и элементов, фона.
#FFFFFF
Чистый белый цвет используйте для фона и набора текста на темном фоне. Для дополнительного и неактивного текста используйте прозрачность.
#F2F2F2
Нейтральный серый — цвет используйте для заливки фона.
Шрифты
IBM Plex Sans — основной шрифт в Proglib.academy. Шрифт хорошо читается в мелких кеглях, даёт красивые большие заголовки, одновременно дружелюбен и сдержан.
Используем начертания: Regular, Medium, Semibold и Bold.
Semibold
Regular
Medium
Bold
Шаблон презентации
Для создания презентаций используем шрифты и фирменную цветовую палитру Proglib. Для акцентных деталей допустимо использовать яркие цвета.