Контекст
Выставка «Самара» открылась в Музее им. П. В. Алабина и продолжила проект региона с выставки-форума «Россия» на ВДНХ. Стенд с ладьёй и парусом закончился, а его визуальный язык должен был переехать в музейные залы и жить дальше.
Creative & Design · Правительство Самарской области · 2024
Фирменный стиль
выставки «Самара»
Руководство по использованию фирменного стиля на 28 полос: логотип, палитра, шрифт, маскот «Ладушка» в шестнадцати образах и правила, по которым собирается любая стена, табличка и экран выставки в Музее им. П. В. Алабина.
ИнновацииКультураОткрытияТехнологииТворчествоВстречи
28полос руководства
16образов маскота
46слов семантического ядра
12цветов и 2 градиента
Задача
Не альбом с картинками, а рабочая система. Зон много, носителей ещё больше: стены, экраны, ситиформаты, приложение, навигация, сувенирка. Собирать каждый макет с дизайнером — не вариант, значит правила должны быть такими, чтобы по ним собирал подрядчик.
Решение
Руководство на 28 полос, где каждый раздел заканчивается не примером, а правилом: как строится логотипный блок, из чего собирается стена зоны, по какому модулю режется навигационная табличка, чем маскот в спортзоне отличается от маскота в лектории.
Что вошло в руководство
- Логотип: две версии, поля, монохром, фирменные блоки
- Палитра: шесть основных цветов, шесть дополнительных, два градиента
- Типографика на одном шрифте — Manrope, шесть весов
- Маскот «Ладушка»: базовый образ и 15 тематических
- Семантическое ядро: 46 слов и правило их вёрстки
- Паттерн и стилеобразующие элементы из знака
- Иконки: тематические и навигационные
- Принципы бенто-макетов для печати и цифры
- Оформление стен выставочных зон
- Web и мобильное приложение выставки
- Навигация: геометрия таблички по модулю X
- Ко-брендинг и правила работы с фотографиями
Пятнадцать разделов гайда
ЛоготипШрифтыЦветаПаттерны и стилеобразующие элементыСемантическое ядроМаскотПринципы построения дизайн-макетовОформление пространствWebРабота с фотографиямиБрендированная продукцияПринципы оформления социальных сетейНавигация и принципы построенияПримеры использования брендбукаКо-брендинг
Содержание с полосы 2. Дальше на этой странице — то, чем пользуются каждый день: знак, цвет, шрифт, маскот, ядро, макет, навигация.
Логотип
Ладья с парусом и два способа её поставить
Знак вынут из гайда кривыми, а не картинкой: рядом с ним живут поля, по которым логотипный блок собирается на любом носителе.
Самарская
область
3X
область
Самарская
область
2X
область
Горизонтальная версия
- 1Xмодуль: высота нижнего элемента знака
- 1,25Xот знака до наборной части
- 3Xохранное поле вокруг блока
Вертикальная версия
- 1Xтот же модуль по знаку
- 1,25Xот знака до надписи
- 2Xохранное поле вокруг блока
Самарская
область
область
Самарская
область
область
Самарская
область
область
Самарская
область
область
Самарская
область
область
Самарская
область
область
Монохромная версия допускается в чёрном и белом. Шесть фирменных блоков — это те же два логотипа на заливках из палитры.
Цвета
Шесть основных, шесть дополнительных
Тёмно-синий держит фон и текст, синий отвечает за зоны, бежевый и персиковый — за тепло и акценты. Нажмите на плашку, чтобы скопировать код.
Основные цвета
Дополнительные цвета и градиенты
Шрифты
Manrope и больше ничего
Гайд отдаёт одному шрифту все роли: заголовки, основной текст и подписи. Разница только в весе и трекинге — эта страница набрана по тому же правилу.
Manrope
СамараExtraLight · 200
СамараLight · 300
СамараRegular · 400
СамараSemiBold · 600
СамараBold · 700
СамараExtraBold · 800
Заголовки
ПОЕХАЛИ
В САМАРУ
В САМАРУ
Основной текст
Здорово съездили в Самарскую область на прошлой неделе! Мне больше всего понравилась Волга и музей космонавтики.
Подписи
САМАРСКАЯ ЛУКА
Маскот
Ладушка переодевается, но остаётся собой
Шестнадцать образов одного персонажа. Меняются одежда, атрибут и поза — под тему зоны; лицо, коса и пропорции не меняются никогда.
Базовый
Белая блузка, синяя юбка, приветственный жест
Под фигурой встаёт силуэт другого образа, совмещённый по точке опоры. Видно, что рост, разворот плеч и посадка головы у всех образов одни и те же: это один персонаж, а не серия иллюстраций.
Семантическое ядро и оформление пространств
Сорок шесть слов, из которых собирается стена
Ядро — это список того, о чём выставка говорит с гостем. Слова верстаются чипами трёх типов: белым, персиковым и синим. Из них и маскота собирается любая зона.
ИнновацииТехнологииКультураИскусствоМастер-классыДостиженияНаукаОткрытияОбразованиеДемонстрацииДискуссииЭкспозицииПремьерыЭкспериментыОбсужденияФорумыВстречиПоказПрогрессВиртуальная реальностьПрезентацииПерформансыНовинкиИсследованияПерспективыВдохновениеКреативностьСотрудничествоИнтерактивОпытыЛекцииТрендыНоваторствоТворчествоВозможностиАктуальностьПрорывыЦифровизацияМоделированиеЭволюцияВебинарыАналитикаКонсультацииРазработкиИнсталляцииПродуктивность
Раскладка каждый раз считается заново: слова расставляются случайно и расталкиваются, пока не перестанут пересекаться. Игровая зона и лекторий разобраны в самом гайде, остальные четыре собраны по тому же правилу.
Паттерны и стилеобразующие элементы
Парус со знака становится фоном
Основа фоновых паттернов — та же кривая, что в логотипе. Её увеличивают, обрезают краем макета и кладут светлым тоном под контент.
Знак
Кривая паруса
Самарская
область Расписание событий выставки «Самара»Узнать больше
область Расписание событий выставки «Самара»Узнать больше
Фон макета
Принципы построения макетов
Бенто: макет собирается из блоков
Каждый элемент живёт в своём модуле — как в бенто-ланче. Меняется формат, а не композиция: блоки перестраиваются, правила остаются.
- Модульность и структураСетка из блоков: текст, изображение и графика живут в своих модулях.
- Баланс и пропорцииНи один блок не перегружает макет, у каждого есть воздух.
- ЕдинообразиеЦвета, типографика и иконки подчиняются одним правилам во всех форматах.
- ЧёткостьМинимум декора, информация подаётся коротко.
Носители
Одни правила — печать, экран, приложение
Примеры из гайда: везде один логотипный блок, один шрифт, один набор цветов и маскот в подходящем образе.
Три ситиформата подряд: маскот, столбик слов ядра и QR. Меняется только образ Ладушки и набор слов, каркас макета один.
Тот же макет на планшете: логотипный блок, маскот, кнопка. Фон — кривая паруса.
Градиент B8C5EC → EACEB6, лента с приветствием, фотография Волги в правой части.
Маскот в образе для туризма, кнопка «Начать» персиковым — акцент из палитры.
Таблица дня в тёмно-синем: время слева, событие справа, маскот в шапке.
Маскот с подарком, лента «Добро пожаловать», фотография набережной.
Стиль в зале
Как это выглядит на выставке
Съёмка выставки «Самара» в Музее им. П. В. Алабина: те же чипы слов, тот же маскот и та же палитра, что на полосах руководства.
Маскот в трёх спортивных образах прямо на стене, слова ядра поверх волны — та же раскладка, что в гайде.
Чипы «Творчество» и «Прогресс» над панелями, знак региона в углу.
Заставка «История и архитектура»: логотипный блок, линейная графика и тёмно-синий фон из палитры.
Плитка карточек по бенто-принципу: крупный блок и ряд мелких.
Оснащение и мультимедиа выставки — отдельный кейс: выставка «Самара» в Музее им. П. В. Алабина. Стенд, с которого стиль переехал в музей, — на выставке-форуме «Россия» на ВДНХ.
Итог
Что даёт такое руководство
Система, а не альбом
Каждый раздел заканчивается правилом, по которому собирается новый макет, а не единственным готовым примером.
Один шрифт на всё
Manrope в шести весах закрывает заголовки, текст и подписи — на печати, на экранах и в навигации.
Маскот держит пространство
Ладушка появляется в каждой зоне в своём образе и связывает залы между собой.
Стиль пережил площадку
Язык стенда с ВДНХ переехал в музейные залы без перерисовки: те же цвета, слова и маскот.
