Брендбук
Как выглядит «Горница»
Лён, красная и еловая нить, крестик и спокойный порядок. Всё на этой странице показано прямо из стилей сайта, поэтому она не расходится с тем, как сайт выглядит на самом деле.
Знак
Ромб из крестиков
Двадцать один крестик на сетке 7 × 7: внешний ромб и середина вышиты кумачом, внутренний ромб — елью. Это и вышитый узор, и окно светлой комнаты. Знак не поворачивают, не растягивают и не перекрашивают.
Цвета
Ткань и нити
Лён и бумага — ткань, чернила — текст, кумач, ель и лён — нити. Кумача на экране немного: одна-две вещи и одна основная кнопка. Включите на телефоне тёмную тему, и страница покажет вечерние нити.
--linenФон: 70–80 % площади--paperКарточки, панели, полоса-рушник--inkОсновной текст--ink-softПодписи и второстепенный текст--kumachГлавное действие и акцент--spruceВторой цвет знака и орнамента--flaxТолько украшение, не текст--lineРамки и разделителиШрифты
Kurale и Onest
Оба шрифта — под свободной лицензией SIL OFL и раздаются с нашего сервера, без обращений к Google.
Светлая комната для хороших игр
Выберите нить и закрасьте клетки с номерами. Партия сохраняется сама, а без интернета работает всё, кроме игры с друзьями.
Обычный 400Средний 500Полужирный 6000123456789 ₽
Орнамент
Крестик и полоса-рушник
Крестик — единица рисунка: две короткие линии со скруглёнными концами в квадратной клетке. Из крестиков собраны знак, полоса-рушник и узор на главной. Орнамент украшает край и никогда не лежит под текстом.
Интерфейс и голос
Спокойно и по делу
Одна основная кнопка на экране, крупные цели касания, тонкие линии вместо теней. Говорим с игроком как хозяин, который зовёт в гости: просто, приветливо, без восклицательных знаков.
| Так не пишем | Так пишем |
|---|---|
| Упс! Что-то пошло не так :( | Не получилось сохранить. Освободите место на телефоне и попробуйте ещё раз. |
| Вы уверены? Это действие необратимо. | Удалить профиль? Ник и онлайн-партии исчезнут с сервера. Партии на телефоне останутся. |
| Ваше обращение зарегистрировано под номером 4471. | Спасибо, что написали. Похоже, дело в настройках звука — вот как это исправить. |
Вещи и печать
Знак, который можно вышить
Знак — готовая схема вышивки: 7 × 7 клеток, крестики кумачом и елью. Когда студии понадобятся вещи — для турниров «Вотчины» и участников тестов, — это будут наклейка и вышитая нашивка со знаком на льне, открытка и таблица турнира и схема, чтобы вышить знак самому. Их получают все участники поровну, это не приз. Магазина вещей у студии нет.
| Вещь | Для кого | Как |
|---|---|---|
| Наклейка | Участникам турниров «Вотчины», закрытых тестов и встреч | Круг или квадрат цвета льна, знак по центру с охранным полем в клетку; без текста или с именем «Горница» под знаком |
| Вышитая нашивка | Тем, кто помогал игре: тестировщикам, судьям турниров | Знак — это и есть схема вышивки: 7 × 7 крестиков кумачом и елью на небелёном льне; при клетке 4 мм — около 28 мм |
| Открытка и таблица турнира | Клубам, которые проводят турниры «Вотчины» | Бумага цвета льна, печать в две краски (кумач и ель) или в одну; полоса-рушник по краю |
| Схема вышивки знака | Всем, бесплатно | Схема 7 × 7 и список ниток — «вышейте сами» |
| Сумка или футболка | Позже, если появится спрос | Небелёный лён или хлопок; знак малым размером на груди или в углу либо полоса-рушник по низу |
Правила для вещей
- Фон — лён, небелёная ткань или бумага. На тёмной ткани — только одноцветный знак белилами; им же — тиснение, штамп и печать в одну краску.
- Цвета — кумач и ель, как на этой странице. Типографских номеров (CMYK, Pantone) у бренда пока нет: первый тираж сверяется глазами с образцом на льне, выбранные номера записываются в брендбук и дальше не меняются.
- Макет — только из файлов знака (ниже, «Файлы»), без перерисовки; имя «Горница» — шрифтом Kurale. Ни слоганов по-английски, ни QR-кода крупнее знака.
- Нельзя — золото, глянец и фольга; матрёшки, балалайки, медведи и «под старину»; персонажи чужих игр и мультфильмов; картинки из генераторов.
- Герои игр — дружина «Сказов», узоры «Узоров» — на вещах только по решению студии и только нарисованные из материалов самой игры: это вид игры, а не знак студии.
Правила подробно
Весь брендбук студии — здесь. Цвета, шрифты, знак и орнамент выше показаны прямо из стилей сайта, а ниже — правила, как ими пользоваться. Правила для игр — предложение студии: у каждой игры свой вид, и отступить от них игра может решением своего арт-директора.
Суть: светлая комната для хороших игр
Горница — чистая светлая комната в избе, куда звали гостей. Бренд строится на трёх образах из её мира.
- Лён — отбелённая ткань, фон всего: светло, тихо, много воздуха.
- Нить и крестик — вышивка как единица рисунка: знак, орнамент и клетка канвы собраны из крестиков. Красная нить (кумач) и еловая — главные, льняная — для украшения.
- Порядок — как в горнице, где у каждой вещи своё место: ровная сетка, спокойный ритм, ничего лишнего на экране.
Чего в бренде нет: «под старину» с завитушками на каждом шагу, золота и глянца, матрёшек, балалаек, медведей и других сувенирных штампов, неоновых и кислотных «игровых» цветов, глянцевых объёмных кнопок.
Имя
- По-русски — Горница, в тексте — студия «Горница», в кавычках-«ёлочках», склоняется: игра «Горницы», в «Горнице».
- По-английски — Gornitsa (Gornitsa Studio), без кавычек.
- В знаке имя пишется шрифтом Kurale, с прописной, без разрядки и без капслока.
- Домен — gornitsa.games; имя пакета игр —
games.gornitsa.<игра>.
Знак
- Знак и имя (как в шапке сайта): знак слева, имя «Горница» шрифтом Kurale справа; высота знака — примерно высота прописной буквы имени с выносными, расстояние — половина ширины знака.
- Охранное поле — одна клетка сетки знака (1/7 его ширины) со всех сторон.
- Наименьший размер — 16 px, как у значка вкладки; мельче крестики сливаются.
- Фон — лён или бумага; на тёмном знак берёт цвета тёмной темы. На фотографиях и пёстрых картинках — только на плашке цвета льна.
- Одним цветом — там, где нельзя два цвета: тиснение, печать в одну краску, водяной знак. Цвет — чернила, кумач или белила.
- Нельзя: поворачивать (ромб стоит на углу), растягивать, менять цвета нитей местами, добавлять тени, обводку, градиенты и объём, рисовать крестики другой формы, ставить знак внутрь иконки игры.
Цвета: роли и контраст
| Цвет | Роль | Правило |
|---|---|---|
| Лён | Фон страницы и экрана | Основная площадь: 70–80 % |
| Бумага | Карточки, панели, полоса-рушник | Чуть светлее фона: отделяет, не кричит |
| Чернила | Основной текст, значки интерфейса | Не чистый чёрный |
| Мягкие чернила | Второстепенный текст, подписи | Контраст с фоном — не ниже 7 : 1 |
| Линия | Рамки, разделители | Линии тонкие, 1 px |
| Клетка | Пустая клетка канвы, неактивное | Только для клеток и заглушек |
| Кумач | Главное действие, акцент, фокус, крестик-маркер списка | Одна-две вещи на экране, одна основная кнопка |
| Ель | Второй цвет знака и орнамента, спокойный акцент | Не для кнопок действия |
| Льняная нить | Украшение: тонкий орнамент, отделка | Не для текста в светлой теме (контраст 2,6 : 1) |
Контраст текста: чернила и мягкие чернила на льне и бумаге — не ниже 7 : 1; кумач на льне — 5,8 : 1 (годится для текста от 17 px и для кнопок); белый на кумаче — 6,8 : 1. Тёмная тема проверена так же. Точные значения цветов обеих тем — в файле токенов (ниже, «Файлы»).
Своя палитра игры дополняет эти цвета, а не заменяет интерфейс: у «Сказов» к нитям добавлены охра, синь, сажа, белила и немного золота, у «Узоров» — палитра ниток вышивки. Кнопки, диалоги, фон меню и текст в играх — из цветов студии.
Шрифты
- Kurale — заголовки, названия игр, имя студии, цитаты. Только начертание 400, от 21 px и крупнее. Не для кнопок, подписей и основного текста.
- Onest — всё остальное: текст, кнопки, подписи, числа. Начертания 400, 500 и 600; цифры, которые стоят столбиком, — табличные.
- Оба шрифта — под свободной лицензией SIL Open Font License. Сайт и игры раздают их со своего сервера; для печати их берут по названию в любом каталоге свободных шрифтов.
- Основной текст — средний размер шкалы, межстрочный интервал 1,6; заголовки — межстрочный 1,12, строки выровнены по длине.
- Своя декоративная гарнитура игры — например, для названий сказов — возможна по решению её арт-директора; для интерфейса остаётся Onest.
Орнамент и канва
- Крестик — единица рисунка: две короткие линии со скруглёнными концами под 45° внутри квадратной клетки с полями.
- Полоса-рушник — полоса орнамента из крестиков кумачом и елью на бумаге между двумя тонкими линиями. На сайте — над подвалом, в играх — в «Об игре» и на экранах-разделах, не чаще одной полосы на экран.
- Канва — поле из клеток с тонкими промежутками; в ней можно «вышить» картинку, как на главной сайта и в «Узорах».
- Орнамент рисуется кодом, по сетке, из геометрических мотивов северной вышивки: ромбы, ёлочки, кресты, ступени. Без символов, значение которых мы не можем объяснить и проверить по источнику.
- Орнамент — украшение края, а не фон: текст никогда не лежит на узоре.
Картинки
- Плоско и кодом. Заливки без светотени, чёткий контур или без контура, ограниченная палитра. Персонажи и предметы игр рисуются кодом из частей.
- Фотографии — только свои снимки или общественное достояние, без фильтров «под старину» и без людей наших дней крупным планом.
- Никогда — изображения из генераторов, стоковые картинки, 3D-рендеры, глянец и градиенты «как в казино».
Интерфейс
- Скругления: кнопки и поля — 6 px, карточки — 10 px, ярлыки и выбор нити — полностью. Тени почти не используются: поверхности отделяются цветом бумаги и тонкой линией.
- Основная кнопка — кумач с белым текстом, второстепенная — прозрачная с рамкой. На экране одна основная кнопка.
- Фокус клавиатуры — обводка кумачом в 2 px с отступом.
- Цель касания — не меньше 48 × 48: крупные кнопки — часть обещания «понятно бабушке».
- Спокойное движение: короткие переходы без пружин и тряски; если в телефоне выключена анимация, в играх и на сайте тоже нет лишнего движения.
- Своё окно подтверждения вместо системного — спокойное, в цветах студии.
Как игры носят бренд студии
У каждой игры свой вид: «Вотчина» — карточки настольной игры, «Длинные нарды» — доска и кости, «Анамнез» — спокойная больница, «Сказы» — лубок и Билибин, «Узоры» — вышивка. Бренд студии — то, что у них общее.
- Интерфейс — фон, текст, кнопки, диалоги, меню — в цветах студии и шрифтами Kurale и Onest.
- Крестик и нить — маркеры списков, полоса-рушник, выбор цвета — там, где это уместно игре.
- «Об игре» — знак студии, строка «Игра студии „Горница“», gornitsa.games и support@gornitsa.games, полоса-рушник.
- Карточка магазина — разработчик «Горница»; описание — голосом студии.
- Иконка игры — без знака студии и без текста: один крупный узнаваемый предмет игры плоским рисунком на льне, бумаге или цвете игры; без градиентов, рамок и бликов. Иконки всех игр рядом смотрятся одной семьёй.
- Снимки для магазина — настоящие экраны игры; подпись — шрифтом Onest на полосе льна или бумаги сверху; без выдуманного интерфейса и без восклицательных знаков.
- Обложка на сайте — картина мира игры без надписей: ни названия, ни слогана, ни кнопок — название стоит рядом текстом. Формат 3 : 1 от 1920 × 640; главное — в средней части 2 : 1, на телефоне края срезаются. Тот же плоский рисунок, что в игре. Баннер с названием остаётся для карточки на главной и ссылок в соцсетях.
- Без заставки с логотипом при запуске: игра открывается сразу, а студия представляется в «Об игре».
Заказные проекты
Проект под бренд заказчика берёт его имя, цвета, шрифты и голос. От «Горницы» в нём остаётся только строка в «Об игре» — «Сделано студией „Горница“», если заказчик согласен, — и наши правила о данных игроков, содержании и деньгах.
Файлы
- Знак, SVG — в цветах бренда: для экрана и печати в две краски.
- Знак одним цветом, SVG — цвет задаётся при вставке: тиснение, штамп, тёмная ткань.
- Знак, PNG 1024 × 1024 — на прозрачном фоне, уже с охранным полем: для тех, кто не работает с SVG.
- Значок сайта, SVG — знак на льне.
- Обои для телефона и компьютера — знак, рушник, канва и скатерть, светлые и тёмные, PNG.
- Токены, CSS — точные значения цветов светлой и тёмной темы, шрифты, шкала размеров текста, скругления.
Для статьи или обзора наших игр напишите на press@gornitsa.games — пришлём снимки экрана и ответим на вопросы.
Кто мы и что обещаем игрокам — на странице «О студии».