City of Saint Petersburg

🔗 Connections

Sector

Tourism Public sector

Region

Guideline Year

Language

Tags

Official Websites

Brand Guidelines

2015

Brand Summary

Mission

To promote Saint Petersburg as a vibrant, diverse, and culturally rich tourist destination through unified visual identity and messaging [^1].

Core Values

diversity
cultural heritage
innovation
clarity
accessibility

Target Audience

International and domestic tourists, event organizers, and city visitors seeking cultural, historical, and modern experiences [^2].

Personality Traits

welcoming
intelligent
historic
dynamic
artistic

Visual Identity Overview

The brand uses multiple equal logos, a consistent color palette (cyan, orange, black, white), distinctive typography (ALS SPb and Direct), and a visual style emphasizing minimalism, clarity, and iconic city symbols such as anchors, crowns, sun, and waves. Logos are adaptable for various backgrounds and contexts, with strict rules for usage, alignment, and composition [^3].

Categories

Color Palette

Цвет в пространстве CMYK понадобится для обыч-ной печати в четыре краски. Pantone — это одна кра-ска, сразу нужного цвета (обычно печать «пантона-ми» дает более яркий и привлекательный результат). Ral — краска для нанесения кистью или валиком. RGB — цветовое пространство компьютерных экранов.
Бирюзовый Cyan 100 Magenta 0 Yellow 20 Black 0 Pantone 3125 RGB 0 158 195 RAL 210 60 40
Оранжевый # Cyan 0 Magenta 30 Yellow 100 Black 0 Pantone 130 RGB 249 169 0 RAL 1007
Дополнительные цвета — черный и белый — исполь-зуются для текста и фона соответственно.
Черный Cyan 0 Magenta 0 Yellow 0 Black 100 Pantone Black RGB 0 0 0 RAL 9017
Для получения на печати насыщенного черного ис-пользуются значения CMYK 70 50 50 100.
В полиграфии белый — это обычно цвет бумаги.
Фирменный градиент В фирменный градиент добавлен допол-нительный зеленый цвет. Без него сере-дина «проседает» в серый. Отдельно этот цвет нигде не используется.
На фоне градиента нельзя использовать полноцветные вер-сии логотипов

Typography

Важно! Прежде чем соз-давать новые логотипы, рекомендуется внима-тельно изучить раздел о типографике и шрифтах (см. с. 38)
Параметры набора за-даны в стиле, интерли-ньяж при необходимости допускается увеличивать
Менять параметры набора нельзя
В исходных логотипах ис-пользован не шрифт, а гото-вая надпись. Перенабирать ее не следует
У Санкт-Петербурга есть свой уникальный шрифт — АЛС СПб. Его следует использовать для набора тек-стов в любых рекламных или информационных материалах.
Шрифт является акцидентным, то есть очень выра-зительным. Поэтому он применяется для набора заго-ловков, слоганов и тому подобных коротких и емких фраз, которые должны всячески привлекать внима-ние, а не только доносить информацию.
Фирменный шрифт имеет три особенности
➊ В АЛС СПб присутствует набор альтернативных символов
➋ АЛС СПб содержит множество лигатур
➌ Некоторые буквы АЛС СПб украшены завитками
Использование завитков (их еще на-зывают свошами) помогает обога-тить набор. Завитки особенно хорошо смо-трятся в начале и конце строки.
Чтобы включить кернинг, необходимо поставить галочку Кернинг для знаков размером и установить ми-нимальное значение (например, 8).
Чтобы включить лигатуры, следует выбрать Только стандартные.
Чтобы включить завитки в знаках, следует выбрать Использовать контекстные варианты.
Чтобы включить альтернативные формы знаков, необходимо выбрать Стилистические наборы — 1.
Чтобы включить альтернативные формы цифр, следует выбрать Формы цифр → Старый стиль.
Кернинг должен быть включен всегда. Все описанные выше настройки необходимо уста-навливать вручную, так как по умолчанию они вы-ключены.
Кернинг включен по умолчанию (палитра Character → Auto), изменять настройку не следует.
Лигатуры включаются в палитре OpenType, кнопка Standard Ligatures. Включены по умолчанию.
Знаки с завитками включаются в палитре OpenType, кнопка Contextual Alternates. Включены по умолчанию.
Стилистические альтернативы включаются в пали-тре OpenType, кнопка Stylistyc Alternates.
Альтернативные формы цифр включаются в пали-тре OpenType → Figure → Proportional Oldstyle.
Кернинг работает по умолчанию (палитра Character → Metrics). Эту настройку изменять не следует.
Лигатуры включаются в окне OpenType, пункт Ligatures. Настройка включена по умолчанию.
Знаки с завитками включаются в окне OpenType, пункт Contextual Alternates. Настройка включена по умолчанию.
Стилистические альтернативы включаются в окне OpenType → Stylistyc Set → Set1.
Альтернативные формы цифр включаются в окне OpenType → Proportional Oldstyle.
Второй фирменный шрифт Санкт-Петербурга — гар-нитура Директ. Директ используется для набора ос-новного массива текста.
Шрифт Директ использу-ется, к примеру, в системе навигации аэропорта Пулково
В приведенных ниже примерах видно, что АЛС СПб ис-пользуется для заголовков, а Директ играет роль вто-рого плана.
Завитки особенно выгодно смотрятся в начале строки и в последней букве надписи

Logo Usage

Логотипы допускают создание разных подписей под знаками. О том, как это делается, рассказано на с. 28.
При создании новых логотипов следу-ет соблюдать параметры набора, а также следить за длиной и количеством стро-чек. Параметры набора и размеры отсту-пов сохранены в готовом шаблоне SPB-Logo-Template.idml.
В исходных логотипах ис-пользован не шрифт, а гото-вая надпись. Перенабирать ее не следует
Правило простое: логотип должен соответствовать со-общению, быть уместным в том или ином случае.
Логотипы наиболее эффектно выглядят, когда рас-полагаются на белом, черном или фотографическом фоне без дополнительных подложек.
Фотографический фон следует подбирать таким образом, чтобы логотип на нем хорошо считывался. В этом случае плашка не потребуется, а логотип полу-чится разместить покрупнее.
На однородном фоне плашка под логотипом не понадобилась
На сложном насыщен-ном фоне без плашки не обойтись
Выравнивание логотипов по вертикальной оси У каждого логотипа Санкт-Петербурга есть вертикаль-ная ось, вокруг которой стоится сам логотип и на кото-рую следует ориентироваться при его выравнивании по отношению к соседним элементам.
Вертикальная ось для выравнивания всегда проходит через центр овала
На одном носителе допускается ставить сразу не-сколько логотипов, однако не следует размещать рав-нозначные логотипы слишком близко друг к другу.
Нельзя менять расстояние между графической и текстовой частями логотипов
Нельзя произвольно менять рас-положение частей логотипов
Нельзя перекрашивать логотипы
Нельзя использовать логотип или его ча-сти в качестве фоновых изображений
Логотипы ни в коем случае нельзя искажать
На фоне градиента нельзя использовать полноцветные вер-сии логотипов

Visual Style

Логотипы наиболее эффектно выглядят, когда рас-полагаются на белом, черном или фотографическом фоне без дополнительных подложек.
Фотографический фон следует подбирать таким образом, чтобы логотип на нем хорошо считывался. В этом случае плашка не потребуется, а логотип полу-чится разместить покрупнее.
На однородном фоне плашка под логотипом не понадобилась
На сложном насыщен-ном фоне без плашки не обойтись
Выравнивание логотипов по вертикальной оси У каждого логотипа Санкт-Петербурга есть вертикаль-ная ось, вокруг которой стоится сам логотип и на кото-рую следует ориентироваться при его выравнивании по отношению к соседним элементам.
Вертикальная ось для выравнивания всегда проходит через центр овала
На одном носителе допускается ставить сразу не-сколько логотипов, однако не следует размещать рав-нозначные логотипы слишком близко друг к другу.
Нельзя менять расстояние между графической и текстовой частями логотипов
Нельзя произвольно менять рас-положение частей логотипов
Нельзя перекрашивать логотипы
Нельзя использовать логотип или его ча-сти в качестве фоновых изображений
Логотипы ни в коем случае нельзя искажать
Цвет в пространстве CMYK понадобится для обыч-ной печати в четыре краски. Pantone — это одна кра-ска, сразу нужного цвета (обычно печать «пантона-ми» дает более яркий и привлекательный результат). Ral — краска для нанесения кистью или валиком. RGB — цветовое пространство компьютерных экранов.
Бирюзовый Cyan 100 Magenta 0 Yellow 20 Black 0 Pantone 3125 RGB 0 158 195 RAL 210 60 40
Оранжевый Cyan 0 Magenta 30 Yellow 100 Black 0 Pantone 130 RGB 249 169 0 RAL 1007
Дополнительные цвета — черный и белый — исполь-зуются для текста и фона соответственно.
Черный Cyan 0 Magenta 0 Yellow 0 Black 100 Pantone Black RGB 0 0 0 RAL 9017
Для получения на печати насыщенного черного ис-пользуются значения CMYK 70 50 50 100.
В полиграфии белый — это обычно цвет бумаги.
В фирменный градиент добавлен допол-нительный зеленый цвет. Без него сере-дина «проседает» в серый. Отдельно этот цвет нигде не используется.
Cyan 54 Magenta 12 Yellow 76 Black 0
На фоне градиента нельзя использовать полноцветные вер-сии логотипов

Iconography

В основе каж-дого знака ле-жит овал
Набор сменных значков от-ражает бесконечное многообразие Санкт-Петербурга и впечатлений, ожи-дающих его гостей.
Существует двадцать логотипов для всевозможных сфер городской жизни. У каждого есть русская и анг-лийская версии, а также версии для темного фона и монохромные варианты.
Логотипы допускают создание разных подписей под знаками. О том, как это делается, рассказано на с. 28.
При создании новых логотипов следу-ет соблюдать параметры набора, а также следить за длиной и количеством стро-чек. Параметры набора и размеры отсту-пов сохранены в готовом шаблоне SPB-Logo-Template.idml.
В слоях спрятаны различ-ные знаки
Менять параметры набора нельзя
В исходных логотипах ис-пользован не шрифт, а гото-вая надпись. Перенабирать ее не следует
Логотипы наиболее эффектно выглядят, когда рас-полагаются на белом, черном или фотографическом фоне без дополнительных подложек.
Фотографический фон следует подбирать таким образом, чтобы логотип на нем хорошо считывался. В этом случае плашка не потребуется, а логотип полу-чится разместить покрупнее.
На однородном фоне плашка под логотипом не понадобилась
На сложном насыщен-ном фоне без плашки не обойтись
Выравнивание логотипов по вертикальной оси У каждого логотипа Санкт-Петербурга есть вертикаль-ная ось, вокруг которой стоится сам логотип и на кото-рую следует ориентироваться при его выравнивании по отношению к соседним элементам.
Вертикальная ось для выравнивания всегда проходит через центр овала
На одном носителе допускается ставить сразу не-сколько логотипов, однако не следует размещать рав-нозначные логотипы слишком близко друг к другу.
Нельзя менять расстояние между графической и текстовой частями логотипов
Нельзя произвольно менять рас-положение частей логотипов
Нельзя перекрашивать логотипы
Нельзя использовать логотип или его ча-сти в качестве фоновых изображений
Логотипы ни в коем случае нельзя искажать

Layout And Composition

Логотипы наиболее эффектно выглядят, когда рас-полагаются на белом, черном или фотографическом фоне без дополнительных подложек.
Фотографический фон следует подбирать таким образом, чтобы логотип на нем хорошо считывался. В этом случае плашка не потребуется, а логотип полу-чится разместить покрупнее.
На однородном фоне плашка под логотипом не понадобилась
На сложном насыщен-ном фоне без плашки не обойтись
Выравнивание логотипов по вертикальной оси У каждого логотипа Санкт-Петербурга есть вертикаль-ная ось, вокруг которой стоится сам логотип и на кото-рую следует ориентироваться при его выравнивании по отношению к соседним элементам.
Вертикальная ось для выравнивания всегда проходит через центр овала
На одном носителе допускается ставить сразу не-сколько логотипов, однако не следует размещать рав-нозначные логотипы слишком близко друг к другу.
Нельзя менять расстояние между графической и текстовой частями логотипов
Нельзя произвольно менять рас-положение частей логотипов
Нельзя использовать логотип или его ча-сти в качестве фоновых изображений
Логотипы ни в коем случае нельзя искажать