Вы находитесь на странице: 1из 36

Базовые элементы

Последнее обновление: август 2017


Руководство
Предисловие

То, как мы коммуницируем с нашими аудиториями, тесно связано с тем,


кто мы есть и что мы делаем. Цель данного руководства – обеспечить
последовательное и целостное использование визуальной идентичности
МегаФона.

Наша визуальная идентичность рождается из взаимодействия значимых


базовых элементов – яркого суперзнака, узнаваемых цветов, чёткой системы
вёрстки, уникального стиля изображений и притягательной типографики.

Данное руководство описывает ключевые элементы визуальной идентичности


МегаФона и раскрывает принципы их взаимодействия, создающие характерный
и узнаваемый образ бренда.

Базовые элементы Предисловие 2


Обзор Логотип Суперзнак Цвета

Базовые
элементы PANTONE® 361C
CMYK: 75 0 100 0
PANTONE® 2603C
CMYK: 67 100 0 0
RGB: 40 185 60 RGB: 115 25 130
HEX: #28b93c HEX: #731982

Базовые элементы бренда МегаФон –


логотип, суперзнак, палитра, типографика
и изображения – позволяют создать целостную RGB: 91 217 229 RGB: 68 65 137

и безошибочно узнаваемую визуальную


идентификацию. RGB: 255 167 23 RGB: 235 90 64

Принципы использования каждого базового


элемента в деталях описаны на следующих
страницах.

Типографика Фотостиль

GT Walsheim
GT Walsheim
GT Walsheim
GT Walsheim

Базовые элементы 3
Содержание 1. Логотип
Стандартный логотип
Вертикальный логотип
05
06
07
4. Типографика
Наш шрифт
Цепляющая коммуникация
20
21
22
Логотип и слоган 08 Стандартная коммуникация 23
Охранное поле 09
Размеры и расположение 10 5. Фотостиль 24
Обзор 25
2. Суперзнак 11 Требования к контенту 26
Предисловие 12 Требования к стилю 27
Цвет 13 Цветовая комбинация 28
Направленность 14 суперзнака
Конструкция 15 Интеграция суперзнака 29-30
Размер 16
Примеры вёрстки 17 6. Макет 31
Правила использования 32
3. Цвета 18
Обзор 19 7. Иконки 33
Конструкция 34
Обзор 35

Базовые элементы 4
1 Логотип 1.1 Стандартный логотип

1.2 Вертикальный логотип

1.3 Логотип и слоган

1.4 Охранное поле

1.5 Размеры и расположение

Базовые элементы 5
1.1
Минимальный размер 18.4 × 3.4 мм
Стандартный
логотип
Логотип является одним из центральных
элементов визуальной идентичности
МегаФона. Он создан с целью оказывать
максимальное воздействие и должен
использоваться последовательно, в полном
соответствии с принципами, изложенными
в данном руководстве.

Стандартный логотип горизонтален


и существует в двух версиях: зелёной и белой.

Базовые элементы 1. Логотип 6


1.2
Минимальный размер 14.3 × 10.2 мм
Вертикальный
логотип
В исключительных случаях (например, очень узкий
формат) необходимо использовать вертикальную
версию логотипа. Это позволит обеспечить
читаемость и максимальное воздействие.

Базовые элементы 1. Логотип 7


1.3

Логотип и горизонтальная версия со слоганом (стандарт)

слоган Минимальный размер 19.7 x 5.3 мм

Для коммуникаций в рамках рекламных


кампаний и в соответствующих каналах
предусмотрена версия логотипа, включающая
в себя слоган.
0.2 Y
Указанные параметры также относятся
к белой версии логотипа. Y

Горизонтальная версия со слоганом Вертикальная версия со слоганом


(нестандартные форматы) (нестандартные форматы)

Минимальный размер 15 x 12.9 мм

Минимальный размер 42.4 x 4.2 мм

0.5 Z

Базовые элементы 1. Логотип 8


1.4

Охранное
Значение "Y"

поле Y

При использовании логотипа в различных


форматах и точках контакта всегда Горизонтальная версия (стандарт) Горизонтальная версия (нестандартные форматы)
обеспечивайте охранное поле. Логотип Логотип со слоганом

Охранное поле применяется во всех Y Y


коммуникационных материалах и точках
Y Y
контакта, помогая избежать конфликта между
логотипом и любыми другими графическими
элементами.

Единица измерения (Y) используется


для определения границ охранного поля
и равняется высоте буквы «М» в логотипе.
горизонтальная версия (стандарт) Вертикальная версия (нестандартные форматы)

Логотип со слоганом Логотип Логотип со слоганом

Y Y Y

Y Y Y

Базовые элементы 1. Логотип 9


1.5

Размеры и
Логотип для форматов DIN A Логотип со слоганом

расположение 1.25 X 1.25 X

логотипа 1.25 X 1.25 X

Для того, чтобы наша система дизайна


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

Единица измерения (Х) для определения


размера логотипа и границы в рамках
различных форматов DIN A составляет 6%
от размера самой короткой стороны формата.

• При использовании стандартной версии


логотипа со слоганом, логотип
располагается по левой стороне формата
в нижней или верхней части. В нижней
части слоган выравнивается по границе.

• Для очень узких форматов и ряда других


особых ситуаций размер логотипа
и границы могут изменяться. Пожалуйста,
ознакомьтесь с правилами для рекламных X
X
коммуникаций, чтобы узнать принципы
работы с такими специфическими
форматами, как билборды и веб-банеры.
Форматы DIN A
Приоритет использования: там, где это Логотип МегаФон: X
возможно, располагайте логотип в нижнем Граница: 1.25 X
правом углу для создания целостного образа.
X= 6% от самой короткой стороны формата

Базовые элементы 1. Логотип 10


2 Суперзнак 2.1 Предисловие

2.2 Цвет

2.3 Направленность

2.4 Конструкция

2.5 Размер

2.6 Примеры вёрстки

Базовые элементы 11
2.1

Предисловие

Суперзнак является ключевым визуальным


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

Суперзнак является ключевым


идентификатором нашего бренда,
но не заменяет наш логотип.

Он помогает делать сильнее те истории,


которые мы рассказываем, и делает нас
заметными на рынке. Не используйте его
в качестве декорации; наполняйте его
смыслом, обогащая нашу коммуникацию.

Базовые элементы 2. Суперзнак 12


2.2

Цвет 1. 3.

Мы определили две цветовые комбинации


суперзнака, в зависимости от цвета фона:

1. Зелёный фон: две фиолетовые точки


и одна белая

2. Белый/светлый фон: две зелёные точки


и одна фиолетовая

3. Каждая цветовая последовательность


должна использоваться
на соответствующем фоне

Исключения при работе с фотографиями:


Если в качестве фона используется фотография, 2.
цветовая комбинация суперзнака может
меняться. Подробные правила для данного
случая изложены в разделе, посвящённом
фотостилю.

Базовые элементы 2. Суперзнак 13


2.3

Направленность

Три точки обычно располагаются


горизонтально при использовании в рекламе,
канцелярских принадлежностях, фотографии
и анимации или движущихся изображениях.

В особых случаях, например, на очень узких


форматах, точки располагаются вертикальной
колонной.

Основная направленность: горизонтальная Особые случаи: вертикальная

Базовые элементы 2. Суперзнак 14


2.4

Конструкция

Чтобы обеспечить единое восприятие при


масштабировании суперзнака, необходимо 0.2 Y
сохранять пропорцию между диаметром точек
и расстоянием между ними.

Диаметр точки является единицей измерения


0.2 Y
(Y); расстояние между точками составляет 0.1 Y.

При использовании суперзнака


с типографикой необходимо обеспечивать
минимальное охранное поле в 0.2 Y.
Y

0.1 Y 0.1 Y

Базовые элементы 2. Суперзнак 15


2.5
Минимальный и максимальный размер
Размер Мин. размер Макс. размер

Для обеспечения значимости и заметности


Макс.размер
суперзнак располагается пропорционально Макс. размер + расположение
логотипу. Минимальный размер суперзнака
составляет 1.5 Х (единицы измерения формата), половина половина
максимальный – вплоть до момента, когда
внешние точки выходят за пределы формата
на 50%.

Особые условия:
Для узких форматов максимальный размер
суперзнака определяется границей формата. 1.5 X
Границы расположения определяются выходом
одной из точек за пределы формата – точка
не должна выходить за пределы более чем
на 50%.

half
! Увеличивая или уменьшая суперзнак,
всегда необходимо соблюдать единую
пропорцию между размером точек и
расстоянием между ними.

Базовые элементы 2. Суперзнак 16


2.6

Примеры Использование суперзнака

использования
Суперзнак является гибким элементом,
усиливающим наш контент и коммуникации.
Данные иллюстрации показывают несколько
возможных способов применения.

Базовые элементы 2. Суперзнак 17


3 Цвета 3.1 Обзор

Базовые элементы 18
3.1

Обзор
Основные цвета

PANTONE® 361C PANTONE® 2603C


Цвета играют важную роль в идентичности
CMYK 75/0/100/0 CMYK 67/100/0/0
нашего бренда. Они являются основным RGB 40/185/60 RGB 115/25/130
идентификатором и помогают нам выделяться HEX #28b93c HEX #731982
на рынке.

Основные цвета
Дополнительные цвета
Наши основные цвета – зелёный и фиолетовый.
Эти цвета используются в большинстве
наших коммуникаций и являются одними
из важнейших «активов». 80% 60% 80% 60% 80% 60% 80% 60%

PANTONE® 311C PANTONE® 2685C PANTONE® 137C PANTONE® Warm Red C


Дополнительные цвета
CMYK 60/0/15/0 CMYK 90/60/10/0 CMYK 0/45/90/00 CMYK 0/80/70/0
Дополнительные цвета могут быть
RGB 91/217/229 RGB 68/65/137 RGB 255/167/23 RGB 235/90/64
использованы в особых случаях. Например, HEX #5bd9e5 HEX #444189 HEX #ffa717 HEX #eb5a40
в инфографике.

Использование цветов
Использование цветов зависит от того, Использование цветов
коммуникацию какого типа мы хотим создать. Схема распределения цветов

Для цепляющих коммуникаций, как, например, Цепляющие коммуникации


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

Базовые элементы 3 . Цвета 19


4 Типографика 4.1 Наш шрифт

4.2 Цепляющая коммуникация

4.3 Стандартная коммуникация

Базовые элементы 20
4.1
Основная типографика Дополнительная типографика
Наш шрифт
GT Walsheim Arial
Нашим основным шрифтом является GT Wals-
heim. Он отличается открытыми формами
и узнаваемым, тёплым и дружелюбным Аа Бб Вв Гг Дд Аa Бб Вв Гг Дд
Ее Ёё Жж Зз Ии
характером, подчёркивающим нашу
человечность. Ее Ёё Жж Зз Ии
Шрифт GT Walsheim был разработан Noël
Leu (Grilli Type) и доступен для приобретения Йй Кк Лл Мм Нн Йй Кк Лл Мм Нн
Оо Пп Рр Сс Оо Пп Рр Сс
на сайте grillitype.com.

В отдельных случаях, когда возможно


использовать только системные шрифты
(например, презентации PowerPoint и ряд Тт Уу Фф Хх Цц Тт Уу Фф Хх Цц
Чч Шш Щщ Ъъ Чч Шш Щщ Ъъ
ситуаций в веб-среде), в качестве замены
необходимо использовать шрифт Arial.

Ыы Ьь Ээ Юю Яя Ыы Ьь Ээ Юю Яя

GT Walsheim Black Arial Black


GT Walsheim Bold Arial Regular
GT Walsheim Regular
GT Walsheim Light

Базовые элементы 4. Типографика 21


4.2

Цепляющая
коммуникация Y
МегаФон. Заголовок
Шрифт GT Walsheim, Black

Начинается
Различные начертания GT Walsheim Интерлиньяж Кегль x 95%
используются для организации и структури- Цвет Фиолетовый
зации информации. Дополнительные акценты Акцент Белый

могут быть расставлены при помощи цвета.

Для заголовков и подзаголовков


используется GT Walsheim Black. В цепляющей
коммуникации они окрашиваются в фиолетовый
цвет. Белый цвет используется для акцентов,
min 0.5 Y
с тебя
структурирует и оживляет сообщение. МегаФон. Начинается с тебя Подзаголовок
Шрифт GT Walsheim, Black
min 0.5 Y
Кегль Кегль заголовка / 2.25
Для основного текста используется GT Далеко-далеко за словесными горами в стране гласных Интерлиньяж Кегль x 95%
Walsheim Regular. Цвет шрифта белый. Для и согласных живут рыбные тексты. Вдали от всех живут они Цвет Фиолетовый
акцентирования используется GT Walsheim Акцент Белый
Bold.

В целом, краткие сообщения лучше всего


подходят для заголовков и подзаголовков.
Размер и количество сообщений должны быть
Текст
удобными для восприятия, в том числе при
Шрифт GT Walsheim, Regular
беглом просмотре или с расстояния. Кегль Кегль заголовка / 4.5
Интерлиньяж Кегль x 1.1
Дополнительная информация, как, например, Цвет Белый
детали о продукте, должна быть максимально Акцент GT Walsheim, Bold
краткой.

Пожалуйста, учтите, что для маленьких


форматов или при использовании длинных
заголовков пропорции можно изменять Y= высота заглавной
для достижения максимальной читаемости буквы заголовка

Базовые элементы 4. Типографика 22


4.3

Стандартная
коммуникация
Стандартный макет
Lorem.
При работе со стандартными макетами можно
варьировать цветовую комбинацию заголовка,
подзаголовка и основного текста.
Ipsum dolore
Основным цветом для заголовков и подзаго-
ловков является зелёный; фиолетовый
используется в качестве акцентного. Основной
esse sit
текст окрашивается в зелёный или фиолетовый; МегаФон. Начинается с тебя
Bold используется для акцентирования.

Всегда выбирайте такие цвета и начертания,


которые обеспечивают наилучший контраст
и читаемость.

В исключительных случаях (например,


дисклеймеры) основной текст может
окрашиваться в чёрный или белый цвет.

Пожалуйста, учтите, что для маленьких


форматов или при использовании длинных
заголовков пропорции можно изменять для
достижения максимальной читаемости.

Пример

Базовые элементы 4. Типографика 23


5 Фотостиль 5.1 Обзор

5.2 Требования к контенту

5.3 Требования к стилю

5.4 Цветовая комбинация суперзнака

5.5 Интеграция суперзнака


(элемент изображения)

5.6 Интеграция суперзнака


(сцена или акцент)

Базовые элементы 24
5.1

Обзор

МегаФон – всё начинается с тебя.


Изображения являются эффективным
средством выражения и иллюстрации
обещания нашего бренда. Более того, они
помогают воплотить ценности и характер
нашего бренда.

Наши изображения рассказывают истории;


мы отражаем настоящие моменты реальной
жизни – честные, вдохновляющие и личные.

Наш фотостиль определяется двумя


параметрами: контент и стиль.
Эти параметры относятся как к статичным
изображениям, так и к видео.

Базовые элементы 5. Фотостиль 25


5.2

Требования
к контенту
При использовании изображений в коммуни-
кациях главной целью является рассказ
историй, объединяющих людей. Это означает,
что люди, ситуации, предметы и действия,
участвующие в композиции, должны отражать
настоящие, реальные жизненные моменты,
узнаваемые зрителем. Их настроение должно
возбуждать эмоции, вызывать воспоминания
или стимулировать воображение.

В целом, наши изображения должны:


Активно Активно Вдохновляет
Пойман момент Пойман момент С удовольствием
• Быть живыми и активными Общая радость Вдохновляет Позитивное настроение

• Ловить момент

• Вдохновлять и быть реалистичными

• Отражать наслаждение моментом: люди,


демонстрирующие позитивное отношение
и настрой, радующиеся жизни

Истории, которые мы рассказываем, должны


включать в себя наш суперзнак. Идеальным
способом является использование круглых
элементов, играющих определённую роль
в изображении.

Активно Вдохновляет
Пойман момент Пойман момент
Вдохновляет Активно

Базовые элементы 5. Фотостиль 26


5.3

Требования к стилю
Стиль наших изображений определяется следующими
элементами: свет, цвета, фон и передний план,
перспектива и использование круглого элемента.

Свет Цвета Фон и передний план Круг Перспектива


Свет является важнейшим элементом изображения. Наши изображения склоняются к использованию Если в коммуникациях предполагается использование Для того, чтобы интегрировать наш суперзнак в макет, Перспектива нужна для того, чтобы вовлечь зрителей
В наших изображениях необходимо использовать простой цветовой палитры: элементы изображения стандартных изображений (без обтравки людей необходимо предусмотреть круглый элемент. С точки в изображение и дать им почувствовать себя частью
вспышку или искусственный свет, чтобы достичь высокой не должны иметь слишком много цветов. Это помогает или объектов для использования на зелёном фоне), зрения композиции, данный элемент может появиться происходящего. Задача заключается в том, чтобы
контрастности, светлых участков кожи и сильных теней. нашему суперзнаку быть заметнее. выбирайте изображения с чистым и спокойным фоном, где угодно, например на фоне, в качестве объекта, найти интересные, живые точки обзора и углы камеры,
Так мы обеспечим ощущение «документальности/ на котором достаточно места для размещения текста. аксессуара, архитектурной детали и т.п. Важно помнить, органично вписывающиеся в изображаемую историю.
реальности» от наших изображений. Избегайте слишком разноцветных, перенасыщенных что элемент должен играть некую роль в композиции В целом, может быть использована любая точка обзора,
композиций. С точки зрения фокуса необходимо обеспечить чёткость и взаимодействовать с человеком на изображении. но важно избегать ощущения искусственности.
Избегайте обесцвеченных изображений с низкой как фона, так и переднего плана.
контрастностью и исключительно натуральным Исключения
освещением. Если суперзнак используется в качестве «сцены» (1)
или «рамки/контейнера» (2), интегрировать круглый
элемент в изображение не обязательно. Это правило
актуально только для коммуникаций с высокой степенью
значимости.

Искусственный свет

Натуральный свет
1 2
Иллюстративная цвето-
вая карта изображений.
Возможны и другие цве-
товые схемы.

Базовые элементы 5. Фотостиль 27


5.4
Обтравленные изображения на зелёном фоне Готовые изображения
Цветовая
Вкратце

1. Круглые элементы в композиции


комбинация могут
быть фиолетовыми,
зелёными,
чёрными или белыми.
В роли сцены или рамки
Если суперзнак используется в качестве
Объект зелёный
Зелёный Если объект зелёный, остальные круги

суперзнака
сцены или рамки, один из кругов (тот, что круглый из нашего суперзнака должны быть
Фиоле- используется как сцена или рамка) должен объект фиолетовыми
Зелёный товый Чёрный Белый
круглый круглый круглый круглый быть белым, а остальные фиолетовыми
объект объект объект объект

2. Если объект является зелёным Взаимодействие Объект фиолетовый


Представленные параметры цветовых или фиолетовым, ни один с объектами Фиоле-
из оставшихся двух кругов Если объект фиолетовый, остальные
товый
комбинаций суперзнака не обязательно суперзнака не может быть того же
Чёрный Если объект чёрный (или очень тёмный), круглый круги из нашего суперзнака должны
цвета. круглый остальные круги из нашего суперзнака объект быть зелёными
отражают последовательность объект должны быть фиолетовыми
использования цветов. Зелёный
круглый
объект
Объект чёрный или белый
Белый Если объект белый (или очень светлый),
3. Если в объекте присутствуют круглый остальные круги из нашего суперзнака Если объект чёрный, один из кругов
Чёрный
фиолетовый и зелёный, цвета объект должны быть фиолетовыми круглый должен быть фиолетовым, а второй
должны быть максимально объект зелёным
близкими к нашим корпоративным.

Белый
Если объект белый, один из кругов
круглый должен быть фиолетовым, а второй
объект зелёным

Примеры
Комбинация цветов Комбинация цветов
Обтравленное изображение Белый
Готовое изображение Чёрный
круглый круглый
объект объект

Объект белый Объект чёрный

Базовые элементы 5. Фотостиль 28


5.5

Интеграция
1. 2. 3. 4.

МегаФон.
суперзнака Начинается
Суперзнак как элемент изображения
с тебя
Чтобы интегрировать суперзнак в качестве
элемента, взаимодействующего
с круглым объектом в макете, используйте
следующую инструкцию:

1. Выберите изображение согласно


параметрам контента и стиля

2. Масштабируйте суперзнак соразмерно Начинается с тебя

круглому объекту на изображении


или желаемому дизайну (убедитесь, что
соблюдены требования по минимальному 1. 2. 3. 4.
и максимальному размерам)
МегаФон.
3. Удалите одну из точек и выберите цвета Начинается
из возможных комбинаций (описаны
в разделе о суперзнаке)
с тебя
4. Разместите остальные элементы дизайна

Начинается с тебя

Базовые элементы 5. Фотостиль 29


5.6
2. 3. 4.
Интеграция
1.

МегаФон.
суперзнака Начинается
Суперзнак в роли сцены или акцентного с тебя
элемента

Чтобы интегрировать суперзнак в качестве


сцены или акцентирующего элемента,
используйте следующую инструкцию:

1. Расположите суперзнак в желаемой


области макета (убедитесь, что
соблюдены требования по минимальному
и максимальному размерам)
1. 2. 3. 4.
2. Расположите объект или персонажа
на макете в качестве подсвеченного или МегаФон.
Начинается
обрамлённого элемента композиции. с тебя
В случае, если персонаж или объект
должен использоваться как одна из точек,
замените её

3. Выберите правильную цветовую


комбинацию для суперзнака (пожалуйста,
учитывайте цветовые параметры
суперзнака) 1. 2. 3. 4.
4. Разместите остальные элементы дизайна
МегаФон.
Начинается
с тебя

Базовые элементы 5. Фотостиль 30


6 Макет 6.1 Правила использования

Базовые элементы 31
6.1

Правила Стандартный Цепляющий


использования

МегаФон.
Наш дизайн предполагает два визуальных
подхода: стандартный и цепляющий. Оба

Начинается
подхода используют наши элементы дизайна –
цвета, типографику, фотографии и т. д.

Выбор подхода зависит от контента и задачи,


которую должен решать разрабатываемый
с тебя
носитель коммуникации: МегаФон. Начинается с тебя

1. Цепляющий: основан на цветах


и суперзнаке. Этот подход подразумевает
сильные, заметные сообщения, особенно
в случае недолгого контакта с аудиторией. МегаФон.
Главной задачей цепляющего макета
является максимально быстрое донесение Начинается
основных элементов нашего дизайна: цветов
и суперзнака. с тебя
2. Стандартный: основан на фотографии МегаФон. Начинается с тебя
и суперзнаке. Стандартный подход Далеко-далеко за словесными горами в стране гласных и
согласных живут рыбные тексты. Вдали от всех живут они
в большей степени зависит от контента
и несколько прозаичен. Он основывается
на стиле изображений, раскрывая
реальные ситуации, близкие людям
(для более подробной информации
обратитесь к разделу, посвящённому
фотостилю).

Как показано на примере, изображение может


использоваться в обоих типах макетов. Как уже
было сказано, выбор подхода зависит от целей
коммуникации.

Базовые элементы 6. Макет 32


7 Иконки 7.1 Конструкция

7.2 Обзор

Базовые элементы 33
7.1

Конструкция
Подход к дизайну

Стиль наших иконок основывается на нашей


типографике. Симметрия символов и контраст
между округлыми и заострёнными формами
создают узнаваемый характер и одновременно
находятся в гармонии с нашей визуальной Округлые формы
Симметрия Контраст между округлыми
идентичностью. и заострёнными формами

Сетка

Контраст между округлыми


и заострёнными формами

Базовые элементы 7. Иконки 34


7.2

Обзор
Стандартная версия

Иконки могут окрашиваться в цвета бренда:


зелёный и фиолетовый.

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


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

Стандартная версия

Активное состояние

Базовые элементы 7. Иконки 35


Контакты... Central Brand Team

Адрес Address 123, City; Country


Телефон 123 456 7890
Email john.doe@megafon.ru
Web megafon.com

Базовые элементы 36