Дизайн-система #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

Кнопки

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

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

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

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

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

2 ГИС

Google Карты

Яндекс.Карты

ЗАПИСАТЬСЯ НА ЭКСКУРСИЮ

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

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

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

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

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

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

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

Главная

/
Квесты и вечеринки
/
Майнкрафт

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

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

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

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

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

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

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

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

Шрифт — Comfortaa

Размер — 12

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

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

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

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

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

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

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

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

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

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

Шрифт — Comfortaa

Размер — 12

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

Блоки сайта

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

Галерея

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

Пример

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

Квест

Адрес

Главная