Стиль и элементы сайта
На этой странице можно найти все значимые элементы сайта, включая различные версии логотипа в растровом и векторном форматах.
Логотип
Можно скачать векторные форматы логотипа (все версии):
Цвета
- #120b8fЦвет заголовков и существенных не интерактивных элементов
- #01caccЦвет кнопок и интерактивных элементов
- #04004eЦвет фона подвала, применяется только там
- #e4f9f4Цвет фона в некоторых блоках, может сопровождаться тенью
Типографика
Основной заголовок страницы
Шрифт: Tilda Sans, кегль: 36pt, насыщенность: Semibold, цвет: #120b8f.
Рекомендуется использовать интерлиньяж 1.25
Рекомендуется использовать интерлиньяж 1.25
Подзаголовок страницы
Шрифт: Tilda Sans, кегль: 36pt, насыщенность: Normal, цвет: #120b8f.
Рекомендуется использовать интерлиньяж 1.25
Рекомендуется использовать интерлиньяж 1.25
Заголовок большого блока
Шрифт: Tilda Sans, кегль: 32pt, насыщенность: Semibold, цвет: #120b8f.
Рекомендуется использовать интерлиньяж 1.25
Рекомендуется использовать интерлиньяж 1.25
Заголовок внутри блока «Проекты и мероприятия»
Шрифт: Tilda Sans, кегль: 30pt, насыщенность: Normal, цвет: #120b8f.
Рекомендуется использовать интерлиньяж 1.25
Рекомендуется использовать интерлиньяж 1.25
Заголовок внутри блока «Новости»
Шрифт: Tilda Sans, кегль: 22pt, насыщенность: Semibold, цвет: #333333.
Рекомендуется использовать интерлиньяж 1.25
Рекомендуется использовать интерлиньяж 1.25
Стиль табов (переключателей карточек)
Шрифт: Tilda Sans, кегль: 16pt, насыщенность: Semibold, цвет: #333333, все прописные.
Активный пункт: цвет текста и подчеркивания: #01cacc, толщина подчеркивания: 3px
Шрифт: Tilda Sans, кегль: 16pt, насыщенность: Semibold, цвет: #333333, все прописные.
Активный пункт: цвет текста и подчеркивания: #01cacc, толщина подчеркивания: 3px
Основной текст
Шрифт: Tilda Sans, кегль: 24pt (иногда 22pt), насыщенность: Light, цвет: #333333.
Рекомендуется использовать интерлиньяж 1.25
Рекомендуется использовать интерлиньяж 1.25
В проекте используются в основном кнопки двух типов. В обоих случаях радиус скругления: 30px.
Стиль кнопки 1: цвет фона: #01CACC, цвет текста: #ffffff
Стиль кнопки 1: цвет обводки: #01CACC, толщина обводки: 2px, цвет текста: #01CACC
ВАЖНО:
крупность надписей задана с помощью CSS и внутри блоков не редактируется!
Стиль кнопки 1: цвет фона: #01CACC, цвет текста: #ffffff
Стиль кнопки 1: цвет обводки: #01CACC, толщина обводки: 2px, цвет текста: #01CACC
ВАЖНО:
крупность надписей задана с помощью CSS и внутри блоков не редактируется!
Декоративные элементы
Общий смысл нашего объединения состоит в развитии и поддержке наших личных способностей, профессионального мастерства, форм и норм профессионального сотрудничества ради содействия человеку, нуждающемуся в психологической помощи, в укреплении его личностного начала, поиске смысла и творческих путей жизни в персональном, семейном, социальном и духовном бытии.
МИССИЯ
ЗОЛОТАЯ
ПСИХЕЯ
ПСИХЕЯ
Национальный
психологический
конкурс
психологический
конкурс
В блоках может применяться тень (цветная). Ее параметры:
сдвиг по X: 2px, сдвиг по Y: 2px, размытие: 8px, цвет: #01CACC, прозрачность: 50%
сдвиг по X: 2px, сдвиг по Y: 2px, размытие: 8px, цвет: #01CACC, прозрачность: 50%
Для сайта создан набор пиктограмм, подчиняющихся определенным правилам для создания единообразия. Используются пиктограммы преимущественно в личном кабинете.
В целом все изображения, опубликованные на сайте и носящие иллюстративный характер, сгенерированы при помощи Midjourney (такие изобращения чисты по правам использования).
В целом все изображения, опубликованные на сайте и носящие иллюстративный характер, сгенерированы при помощи Midjourney (такие изобращения чисты по правам использования).