Брендбук

Как выглядит «Горница»

Лён, красная и еловая нить, крестик и спокойный порядок. Всё на этой странице показано прямо из стилей сайта, поэтому она не расходится с тем, как сайт выглядит на самом деле.

Знак

Ромб из крестиков

Двадцать один крестик на сетке 7 × 7: внешний ромб и середина вышиты кумачом, внутренний ромб — елью. Это и вышитый узор, и окно светлой комнаты. Знак не поворачивают, не растягивают и не перекрашивают.

Знак на льне
Горница
Знак и имя: имя — шрифтом Kurale
Одним цветом — для печати и тиснения
Не меньше 16 px: мельче крестики сливаются

Цвета

Ткань и нити

Лён и бумага — ткань, чернила — текст, кумач, ель и лён — нити. Кумача на экране немного: одна-две вещи и одна основная кнопка. Включите на телефоне тёмную тему, и страница покажет вечерние нити.

Лён--linenФон: 70–80 % площади
Бумага--paperКарточки, панели, полоса-рушник
Чернила--inkОсновной текст
Мягкие чернила--ink-softПодписи и второстепенный текст
Кумач--kumachГлавное действие и акцент
Ель--spruceВторой цвет знака и орнамента
Льняная нить--flaxТолько украшение, не текст
Линия--lineРамки и разделители

Шрифты

Kurale и Onest

Оба шрифта — под свободной лицензией SIL OFL и раздаются с нашего сервера, без обращений к Google.

Светлая комната для хороших игр

Kurale, 400 — заголовки, названия игр, имя студии, цитаты. От 21 px и крупнее.

Выберите нить и закрасьте клетки с номерами. Партия сохраняется сама, а без интернета работает всё, кроме игры с друзьями.

Обычный 400Средний 500Полужирный 6000123456789 ₽

Onest — текст, кнопки, подписи и числа; цифры в столбцах — табличные.

Орнамент

Крестик и полоса-рушник

Крестик — единица рисунка: две короткие линии со скруглёнными концами в квадратной клетке. Из крестиков собраны знак, полоса-рушник и узор на главной. Орнамент украшает край и никогда не лежит под текстом.

Интерфейс и голос

Спокойно и по делу

Одна основная кнопка на экране, крупные цели касания, тонкие линии вместо теней. Говорим с игроком как хозяин, который зовёт в гости: просто, приветливо, без восклицательных знаков.

Сыграть Правила В разработке
Так не пишемТак пишем
Упс! Что-то пошло не так :(Не получилось сохранить. Освободите место на телефоне и попробуйте ещё раз.
Вы уверены? Это действие необратимо.Удалить профиль? Ник и онлайн-партии исчезнут с сервера. Партии на телефоне останутся.
Ваше обращение зарегистрировано под номером 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: крупные кнопки — часть обещания «понятно бабушке».
  • Спокойное движение: короткие переходы без пружин и тряски; если в телефоне выключена анимация, в играх и на сайте тоже нет лишнего движения.
  • Своё окно подтверждения вместо системного — спокойное, в цветах студии.
Как игры носят бренд студии

У каждой игры свой вид: «Вотчина» — карточки настольной игры, «Длинные нарды» — доска и кости, «Анамнез» — спокойная больница, «Сказы» — лубок и Билибин, «Узоры» — вышивка. Бренд студии — то, что у них общее.

  1. Интерфейс — фон, текст, кнопки, диалоги, меню — в цветах студии и шрифтами Kurale и Onest.
  2. Крестик и нить — маркеры списков, полоса-рушник, выбор цвета — там, где это уместно игре.
  3. «Об игре» — знак студии, строка «Игра студии „Горница“», gornitsa.games и support@gornitsa.games, полоса-рушник.
  4. Карточка магазина — разработчик «Горница»; описание — голосом студии.
  5. Иконка игры — без знака студии и без текста: один крупный узнаваемый предмет игры плоским рисунком на льне, бумаге или цвете игры; без градиентов, рамок и бликов. Иконки всех игр рядом смотрятся одной семьёй.
  6. Снимки для магазина — настоящие экраны игры; подпись — шрифтом Onest на полосе льна или бумаги сверху; без выдуманного интерфейса и без восклицательных знаков.
  7. Обложка на сайте — картина мира игры без надписей: ни названия, ни слогана, ни кнопок — название стоит рядом текстом. Формат 3 : 1 от 1920 × 640; главное — в средней части 2 : 1, на телефоне края срезаются. Тот же плоский рисунок, что в игре. Баннер с названием остаётся для карточки на главной и ссылок в соцсетях.
  8. Без заставки с логотипом при запуске: игра открывается сразу, а студия представляется в «Об игре».
Заказные проекты

Проект под бренд заказчика берёт его имя, цвета, шрифты и голос. От «Горницы» в нём остаётся только строка в «Об игре» — «Сделано студией „Горница“», если заказчик согласен, — и наши правила о данных игроков, содержании и деньгах.

Файлы

Для статьи или обзора наших игр напишите на press@gornitsa.games — пришлём снимки экрана и ответим на вопросы.

Кто мы и что обещаем игрокам — на странице «О студии».