UI-kit сайта

UI-kit

Цветовое решение

#FFC806

#FF09BB

#07FF4C

#073EFF

linear-gradient(0.25turn,rgba(255,200,6,1) 0%,rgba(255,217,84,1) 100%)

linear-gradient(0.25turn,rgba(255,9,187,1) 0%,rgba(255,84,208,1) 100%)

linear-gradient(0.25turn,rgba(7,255,76,1) 0%,rgba(104,254,146,1) 100%)

linear-gradient(0.25turn,rgba(7,62,255,1) 0%,rgba(84,122,255,1) 100%)

#FFD954

#FF54D0

#68FE92

#547AFF

#1E1E1E

#A5A5A5

#FFFFFF

#EAEAEA

Основной цвет взят из Логотипа — #FFC806

Цветовое сочетание построено на базе «Тетрада» (сочетание 4 цветов) — равноудаленных друг от друга. Цвета здесь не схожи по тону, но также комплементарны. За счет этого образ будет динамичным, игривым и ярким.

Вспомогательными цветами выбраны «Монохромное сочетание» — образует менее насыщенный оттенок выбранного цвета в рамках одного сегмента цветового круга.

На базе этих цветов построены градиенты

Цвет основного текста — #1E1E1E, не черный и #A5A5A5

Сделано это для менее контрастного выделения текста с сохранением читабельности.

Фоновый цвет — #EAEAEA

Шрифты

Лицензии шрифтов действительны только на площадке «Tilda»

Шрифт заголовков H1 — «Comfortaa» в начертании Bold; Межстрочный интервал 1,55; цвет #073EFF

Шрифт заголовков H2 — «Comfortaa» в начертании Bold; Межстрочный интервал 1,55; цвет #073EFF

Шрифт заголовков H3 — «Comfortaa» в начертании Bold; Межстрочный интервал 1,1; цвет #073EFF; подложка обязательна

Шрифт заголовков H4 — «Comfortaa» в начертании Bold; Межстрочный интервал 1,55; цвет #073EFF

Шрифт текста — «TildaSans» в начертании Light; Межстрочный интервал 1,25; цвет #1E1E1E

Шрифт навигационных кнопок — «Comfortaa» в начертании Normal

Шрифт продающий кнопок — «Comfortaa» в начертании Semibold

Шрифт продающих кнопок — «TildaSans» в начертаниях Semibold заглавного регистра

Открытие ZERO POPUP

Этот код легче блока T1093.
Использовать рекомендую его

Скругление для блоков «список страниц»

Списки страниц применяются в адресах.

первые два кода для ПК (нужна копия класса, а не просто вставка номера блока)
третий для мобилок (нужна копия класса, а не просто вставка номера блока)