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.

    Использовать рекомендую его

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

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


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

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

1 адрес
2 адреса
3 адреса
4 адреса



Основной текст

Навигация по сайту на каждой странице под блоком меню

Хлебные крошки

Навигация по сайту на каждой странице под блоком меню

  • /
  • /
Кнопки перехода

Навигация по странице и переключение на другие

Радиус скругления — 10

Основные кнопки

Назначение — для переходов на другие страницы сайта.


Подложка — желтая #ffc806

Основной текст — белый #ffffff


Радиус скругления — 10


Шрифт — Comfortaa

Размер — 12

Начертание — Bold

Второстепенные кнопки

Назначение — для переходов на другие страницы сайта.


Подложка — бледно желтая #ffd954

Подложка при наведении — желтая #ffc806

Подложка активного блока —

Основной текст — белый #ffffff

Основной текст при наведении — белый #ffffff

Основной текст активного блока — белый #ffffff


Радиус скругления — 10


Шрифт — Comfortaa

Размер — 12

Начертание — Bold

Блоки сайта

Элементы и блоки округлостью 25

Галерея

Навигация по странице и переключение на другие

Пример

перейди на другую страницу