Guidelines Winline

T A B L E O F C O N T E N T S
Логотип
Фон
Шрифты
Логоблок
Элементы стиля
Кнопки
Форматы
стр. 03
стр. 16
стр. 26
стр. 32
стр. 41
стр. 47
стр. 67

Logotype

L O G O T Y P E
Техническое описание
Основной логотип состоит из трех частей:
Названия бренда, набранное белым шрифтом
Темно-серой подложки
Основного знака - оранжевой окружности

Логотип быстро считывается благодаря охранному полю. В данное пространство не должны попадать посторонние элементы.
Техническое описание
Минимальная ширина охранного поля равна радиусу знака в логотипе.
2R
1R
1R
1R
1R
L O G O T Y P E

Минимальная высота
Минимальный размер логотипа по высоте
равен 20px. для стандартного разрешения экрана.
L O G O T Y P E

Базовая версия - плоский двухцветный логотип используется тогда, когда технологически невозможно отобразить дополнительную графику (засветы, тени).
L O G O T Y P E

Одноцветная версия используется в случае, если невозможно отобразить цветной вариант. Например, в периодической печати или офисной документации.
Также может использоваться при нанесении методами тиснения и эмбоссирования.
Знак легко воспроизвести на металле или 3D-принтере.
50% Black
L O G O T Y P E

50% White
100% White
L O G O T Y P E
Одноцветная версия используется в случае, если невозможно отобразить цветной вариант. Например, в периодической печати или офисной документации.
Также может использоваться при нанесении методами тиснения и эмбоссирования.
Знак легко воспроизвести на металле или 3D-принтере.

Запрещено произвольно перекрашивать логотип
Как нельзя использовать плоский вариант логотипа
Запрещено менять пропорции
Запрещено менять порядок элементов
Запрещено менять оригинальный шрифт и использовать кириллицу
Запрещено любое использование эффектов - тени, свечение, выпуклости и т.д.
Запрещено использовать наклон
L O G O T Y P E

Корректные варианты логотипа
Логотип видоизменяется в зависимости от канала коммуникации и маркетинговых активностей бренда.
Плоский логотип
Используется в печатной продукции, на сайте и в некоторых digital медиа-форматах.
Скевоморфный логотип
Используется в digital медиа-форматах.
Объемный 3D логотип
Используется в видео и некоторых digital медиа-форматах.
Скевоморфный логотип
Используется в digital медиа-форматах. Например, в рекламной кампании «Легальный букмекер».
L O G O T Y P E

L O G O T Y P E

Идентификатор бренда
Оранжевая сфера - отдельный графический элемент брендинга, который может использоваться только в контексте логотипа.
L O G O T Y P E

Унифицированный логотип
В унифицированном варианте происходит смешение плоской и скевоморфной стилистики.
Данный логотип имеет ряд преимуществ:
Легко масштабируется
Подходит для всех каналов коммуникации
Быстро считывается
Легко трансформируется под задачи
L O G O T Y P E

Плоский двухцветный логотип
Логотип используется:
В печати на маленьких форматах
При печати на материале, на котором невозможно корректно отобразить графику
В digital форматах, где контентная область меньше чем 200 px.
Скевоморфный
логотип
Логотип используется
В полноцветной печати
В видео графике
Digital, когда контентная область больше чем 200 px.
L O G O T Y P E

Background

Двухцветный и скевоморфный вариант логотипа используется на белом фоне без каких-либо дополнительных графических элементов.
При использовании логотипа на темном фоне, когда цвет плашки плохо считывается, добавляется белая обводка.
B A C K G R O U N D
G U I D E L I N E S

Толщина обводки
Толщина обводки равна толщине линий типографических знаков в логотипе
х
х
х
х
х
B A C K G R O U N D

Толщина обводки
Чтобы левая часть логотипа не «перевешивала», расстояние между ней и идентификатором увеличено
х
х
х
B A C K G R O U N D
>х

Размещение
логотипа на фоне
Белая обводка добавляется при использовании логотипа на неоднородном фоне, когда цвет плашки плохо различим.
B A C K G R O U N D
G U I D E L I N E S

Использования логотипа
на неоднородном статичном фоне
Логотип, размещенный на неоднородном фоне, не должен попадать в область, где будет плохо считываться из-за:
Количества графических объектов вокруг (замусоренность)
Резкого цветового перехода (засветы), где часть логотипа будет «перевешивать» другую
Графических элементов, перекрывающих его
B A C K G R O U N D

Растровая текстура карбона
Является фирменным фоновым изображением бренда, использующимся в digital-коммуникациях.
B A C K G R O U N D

B A C K G R O U N D
Как использовать
Фирменная текстура должна использоваться во всех digital коммуникациях:
При размещении логотипа на текстуре карбона к нему добавляется обводка
Высота «стежка» карбона должна совпадать с размером обводки логотипа

B A C K G R O U N D
Векторная текстура карбона
Упрощенная текстура карбона, состоящая из прямых линий, используется в печатной продукции.
Толщина светлой и темной линии карбона должна равняться толщине обводки логотипа.

B A C K G R O U N D
Векторная текстура карбона
Упрощенная текстура карбона, состоящая из прямых линий, используется в печатной продукции.
Толщина светлой и темной линии карбона должна равняться толщине обводки логотипа.

Fonts

Roboto
Наша цель – стать синонимом высшей степени надежности и качества обслуживания на всемирном рынке букмекерских компаний.
Мы хотим, чтобы именно Winline у любого игрока в мире ассоциировался с букмекером, который платит всегда и без вариантов.
АБВГДЕЖЗИКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯ
абвгдежзиклмнопрстуфхцчшщъыьэюя
1234567890
аА
Основной шрифт для набора текстовых блоков и верстки технической информации: Roboto
Начертание: Regular
Наборный шрифт
для digital media
Roboto представляет собой шрифтовую гарнитура без засечек
F O N T S

Roboto
Наша цель – стать синонимом высшей степени надежности и качества обслуживания на всемирном рынке букмекерских компаний.
Мы хотим, чтобы именно Winline у любого игрока в мире ассоциировался с букмекером, который платит всегда и без вариантов.
АБВГДЕЖЗИКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯ
абвгдежзиклмнопрстуфхцчшщъыьэюя
1234567890
аА
Основной шрифт для набора текстовых блоков и верстки технической информации: Roboto
Начертание: Bold
Наборный шрифт
для digital media
Roboto представляет собой шрифтовую гарнитура без засечек
F O N T S

Акцидентный шрифт для набора заголовков и сообщений в рекламной коммуникации: PF Din Text Comp Pro
Начертания: Bold Italic
Шрифт для заголовков
в печатных материалах
PF Din Text Comp Pro - рубленный шрифт использующий для заголовков. Преобладают прямые линии и острые углы
PF DIN TEXT COMP PRO
НАША ЦЕЛЬ – СТАТЬ СИНОНИМОМ ВЫСШЕЙ СТЕПЕНИ НАДЕЖНОСТИ И КАЧЕСТВА ОБСЛУЖИВАНИЯ НА ВСЕМИРНОМ РЫНКЕ БУКМЕКЕРСКИХ КОМПАНИЙ.
МЫ ХОТИМ, ЧТОБЫ ИМЕННО WINLINE У ЛЮБОГО ИГРОКА В МИРЕ АССОЦИИРОВАЛСЯ С БУКМЕКЕРОМ, КОТОРЫЙ ПЛАТИТ ВСЕГДА И БЕЗ ВАРИАНТОВ.
АБВГДЕЖЗИКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯ
абвгдежзиклмнопрстуфхцчшщъыьэюя
1234567890
аА
F O N T S

Акцидентный шрифт для набора заголовков и сообщений в рекламной коммуникации: PF Din Text Comp Pro
Начертания: Bold
Дополнительный шрифт для печатных материалов
PF Din Text Comp Pro - рубленный шрифт использующий для заголовков. Преобладают прямые линии и острые углы
PF DIN TEXT COMP PRO
НАША ЦЕЛЬ – СТАТЬ СИНОНИМОМ ВЫСШЕЙ СТЕПЕНИ НАДЕЖНОСТИ И КАЧЕСТВА ОБСЛУЖИВАНИЯ НА ВСЕМИРНОМ РЫНКЕ БУКМЕКЕРСКИХ КОМПАНИЙ.
МЫ ХОТИМ, ЧТОБЫ ИМЕННО WINLINE У ЛЮБОГО ИГРОКА В МИРЕ АССОЦИИРОВАЛСЯ С БУКМЕКЕРОМ, КОТОРЫЙ ПЛАТИТ ВСЕГДА И БЕЗ ВАРИАНТОВ.
АБВГДЕЖЗИКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯ
абвгдежзиклмнопрстуфхцчшщъыьэюя
1234567890
аА
F O N T S

ЗАПЛАТИТ.
БЕЗ ВАРИАНТОВ
ЛЕГАЛЬНЫЙ БУКМЕКЕР
Наша цель – стать синонимом высшей степени надежности и качества обслуживания на всемирном рынке букмекерских компаний.
Мы хотим, чтобы именно Winline у любого игрока в мире ассоциировался с букмекером, который платит всегда и без вариантов.

F O N T S
PF Din Text Comp Pro
Bold Italic
Шрифт для заголовков
PF Din Text Comp Pro
Bold
Шрифт для подзаголовков и коэффициентов
Roboto Regular
Наборный шрифт для digital media
Roboto Bold
Наборный шрифт для выделения значимой информации в тексте

Logoblock


L O G O B L O C K


1R
2R
1R
1R
1R
L O G O B L O C K


L O G O B L O C K


2R
L O G O B L O C K

L O G O B L O C K
G U I D E L I N E S

L O G O B L O C K
G U I D E L I N E S

L O G O B L O C K
G U I D E L I N E S

L O G O B L O C K
G U I D E L I N E S

Buttons

B U T T O N S
Используются в digital media коммуникациях в форматах баннеров на сайте Winline.
Ранее используемые кнопки
Используются в digital media коммуникациях в форматах баннеров, брендингов и др. материалов.

B U T T O N S
Обновленная форма кнопки
Основой для обновленной формы кнопки, которая будет использоваться во всех форматах digital-коммуникации, является плашка логотипа, закругленная с обеих сторон.

Link
Hover
Gradient
Green
Hex #257e0a
R - 37
G - 126
B - 10
Light green
Hex #54d02a
R - 84
G - 208
B - 42
Flat
Green
Hex #257e0a
R - 37
G - 126
B - 10
B U T T O N S

Link
Hover
Dark green
Hex #257e0a
R - 37
G - 126
B - 10
Green
Hex #54d02a
R - 84
G - 208
B - 42
B U T T O N S

B U T T O N S
Использование графических элементов в digital

Style elements

S T Y L E E L E M E N T S
Коэффициенты
Основой для форм отображения коэффициентов является логотип.

К плашкам с коэффициентами добавляется обводка толщиной в половину толщины обводки логотипа.
При размещении коэффициентов на маленькой рабочей области (меньше 200px), обводка не используется, а плашки должны быть отличного от фона цвета.
S T Y L E E L E M E N T S

Коэффициенты
Для выделения наиболее значимого коэффициента в печати, используется закругленная с обеих сторон оранжевая плашка.
S T Y L E E L E M E N T S

S T Y L E E L E M E N T S
Коэффициенты
В digital-коммуникациях значимый коэффициент определяется формой плашки.
В состоянии «ховера» плашка окрашивается в цвет градиента знака логотипа.

S T Y L E E L E M E N T S
Коэффициенты
Выделение значимого коэффициента цветом в состоянии «ховера» на небольших форматах.

S T Y L E E L E M E N T S
Использование графических элементов в digital
960x90px
960x50px

Дополнительные элементы
Форма основного элемента логотипа может трансформироваться в тематические объекты (мячи, фишки, разметка поля и т.д.)
S T Y L E E L E M E N T S

Как использовать
Использование окружности в дизайне в качестве акцентирующего элемента
Использование окружности (круглого элемента) в качестве секционного элемента
Использование окружности в качестве декоративного элемента
Акцент
Секции
Декорации
S T Y L E E L E M E N T S

S T Y L E E L E M E N T S

S T Y L E E L E M E N T S

S T Y L E E L E M E N T S

Как использовать
Использование окружности в дизайне в качестве акцентирующего элемента
Использование окружности (круглого элемента) в качестве секционного элемента
Использование окружности в качестве декоративного элемента
Акцент
Секции
Декорации
S T Y L E E L E M E N T S

S T Y L E E L E M E N T S

S T Y L E E L E M E N T S

S T Y L E E L E M E N T S

Formats

Используемая графика
В форматах, где контентная область больше 150px по ширине и высоте, используется скевоморфный логотип. По графике ограничений нет.
150px
150px
F O R M A T S