Дизайн-система #1
Цветовое решение
#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»


Шрифт заголовков — «Comfortaa» в начертании Bold

Шрифт текста — «FuturaPT» в начертании Light


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

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

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

Система заголовков

Система заголовков необходима для визуальной иерархии блоков и разделов

Заголовок H1
Текст под заголовком H1
76 размер шрифта Comfortaa в начертании Bold
текст над заголовком
12 размер шрифта Comfortaa в начертании Semibold
заглавного регистра, меж буквенный интервал — 1.5
28 размер шрифта FuturaPT в начертании Light
Заголовок H2
Текст под заголовком H2
42 размер шрифта Comfortaa в начертании Bold
22 размер шрифта FuturaPT в начертании Light
Заголовок H3
Текст под заголовком H3
36 размер шрифта Comfortaa в начертании Bold
20 размер шрифта FuturaPT в начертании Light
Заголовок H4
Текст под заголовком H4
28 размер шрифта Comfortaa в начертании Bold
18 размер шрифта FuturaPT в начертании Light
Кнопки

Цвета кнопок —

Анимация кнопки —

Шрифт текста для кнопки —

Размер шрифта —

Скругление углов —




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

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

Майнкрафт в реальности – приключение по мотивам так любимой детьми игры. Может удивить их тем, что интересные миры можно создавать и в обычной жизни.

В квесте вас ждет:
– площадь более 200 кв. м;
– море кубиков, из которых дети построят целый дом;
– 2 актера-аниматора;
– специально созданные декорации.

Дети будут выполнять логические задания, собирать необходимые для крафта предметы и артефакты, строить убежище, сражаться вместе с командой против Эндермена и многое другое!
Хлебные крошки

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

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

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

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

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

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


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

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


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


Шрифт — Comfortaa

Размер — 12

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

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

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


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

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

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

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

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

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


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


Шрифт — Comfortaa

Размер — 12

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

Блоки сайта

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

Галерея

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

Пример

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

Made on
Tilda