Ключевые принципы
Логотип и знак
Палитра цветов
Типографика
Эмоджи
Стикеры
Линия
В ее основе — метафора ускорения. Она пронизывает каждый элемент дизайн-системы и масштабируется на все элементы архитектуры бренда: Skyeng, Skysmart
и Skyeng B2B.
и Skyeng B2B.
Айдентика Skyeng
В ее основе — метафора ускорения. Она пронизывает каждый элемент дизайн-системы и масштабируется на все элементы архитектуры бренда: Skyeng, Skysmart и Skyeng B2B.
01
Ключевые принципы
Ярко
Цветные фоны, контрастные шрифты, сочные стикеры — стиль построен на сочетании цветов разной яркости и оттенков.
Дарим
ещё больше знаний!
ещё больше знаний!
01
Ключевые принципы
Крупно
Skyeng разговаривает громко
и хочет выделяться — все элементы типографики максимально крупны
и заметны.
и хочет выделяться — все элементы типографики максимально крупны
и заметны.
Skyeng разговаривает громко и хочет выделяться — все элементы типографики максимально крупны
и заметны.
и заметны.
01
Ключевые принципы
Понятно
Даже при большом количестве элементов на носителе сохраняется структура и логика — понятно, где главное и второстепенное.
Даже при большом количестве элементов на носителе сохраняется структура и логика — понятно, где главное и второстепенное.
02
Логотип и знак
Логотип обеспечивает визуальный контакт с потребителем, а знак транслирует основную метафору айдентики Skyeng: ускорение
на пути к цели.
на пути к цели.
Важно! Не используйте текстовую часть лого отдельно от знака
Скачать логотип:
Скачать знак:
SVG
SVG
PNG
PNG
AI
AI
Логотип обеспечивает визуальный контакт с потребителем, а знак транслирует основную метафору айдентики Skyeng: ускорение на пути к цели.
02
Логотип и знак
Логотип обеспечивает визуальный контакт с потребителем, а знак транслирует основную метафору айдентики Skyeng: ускорение
на пути к цели.
на пути к цели.
Важно! Не используйте текстовую часть лого отдельно от знака
Скачать логотип:
Скачать знак:
SVG
Смотреть полную библиотеку логотипов в Figma
SVG
PNG
PNG
AI
AI
Логотип обеспечивает визуальный контакт с потребителем, а знак транслирует основную метафору айдентики Skyeng: ускорение на пути к цели.
02
Логотип и знак
Логотип обеспечивает визуальный контакт с потребителем, а знак транслирует основную метафору айдентики Skyeng: ускорение
на пути к цели.
на пути к цели.
Важно! Не используйте текстовую часть лого отдельно от знака
Скачать логотип:
Скачать знак:
SVG
Смотреть полную библиотеку логотипов в Figma
SVG
PNG
PNG
AI
AI
Логотип обеспечивает визуальный контакт с потребителем, а знак транслирует основную метафору айдентики Skyeng: ускорение на пути к цели.
02
Логотип и знак
Логотип обеспечивает визуальный контакт с потребителем, а знак транслирует основную метафору айдентики Skyeng: ускорение
на пути к цели.
на пути к цели.
Важно! Не используйте текстовую часть лого отдельно от знака
Скачать логотип:
Скачать знак:
SVG
Смотреть полную библиотеку логотипов в Figma
SVG
PNG
PNG
AI
AI
Логотип обеспечивает визуальный контакт с потребителем, а знак транслирует основную метафору айдентики Skyeng: ускорение на пути к цели.
02
Логотип и знак
Логотип обеспечивает визуальный контакт с потребителем, а знак транслирует основную метафору айдентики Skyeng: ускорение
на пути к цели.
на пути к цели.
Важно! Не используйте текстовую часть лого отдельно от знака
Скачать логотип:
Скачать знак:
SVG
Смотреть полную библиотеку логотипов в Figma
SVG
PNG
PNG
AI
AI
Логотип обеспечивает визуальный контакт с потребителем, а знак транслирует основную метафору айдентики Skyeng: ускорение на пути к цели.
02
Логотип и знак
Логотип обеспечивает визуальный контакт с потребителем, а знак транслирует основную метафору айдентики Skyeng: ускорение
на пути к цели.
на пути к цели.
Важно! Не используйте текстовую часть лого отдельно от знака
Скачать логотип:
Скачать знак:
SVG
Смотреть полную библиотеку логотипов в Figma
SVG
PNG
PNG
AI
AI
Логотип обеспечивает визуальный контакт с потребителем, а знак транслирует основную метафору айдентики Skyeng: ускорение на пути к цели.
02
Логотип и знак
Логотип обеспечивает визуальный контакт с потребителем, а знак транслирует основную метафору айдентики Skyeng: ускорение
на пути к цели.
на пути к цели.
Важно! Не используйте текстовую часть лого отдельно от знака
Скачать логотип:
Скачать знак:
SVG
Смотреть полную библиотеку логотипов в Figma
SVG
PNG
PNG
AI
AI
Логотип обеспечивает визуальный контакт с потребителем, а знак транслирует основную метафору айдентики Skyeng: ускорение на пути к цели.
02
Логотип и знак
Логотип обеспечивает визуальный контакт с потребителем, а знак транслирует основную метафору айдентики Skyeng: ускорение
на пути к цели.
на пути к цели.
Важно! Не используйте текстовую часть лого отдельно от знака
Скачать логотип:
Скачать знак:
SVG
Смотреть полную библиотеку логотипов в Figma
SVG
PNG
PNG
AI
AI
Логотип обеспечивает визуальный контакт с потребителем, а знак транслирует основную метафору айдентики Skyeng: ускорение на пути к цели.
02
Логотип и знак
Логотип обеспечивает визуальный контакт с потребителем, а знак транслирует основную метафору айдентики Skyeng: ускорение
на пути к цели.
на пути к цели.
Важно! Не используйте текстовую часть лого отдельно от знака
Скачать логотип:
Скачать знак:
SVG
Смотреть полную библиотеку логотипов в Figma
SVG
PNG
PNG
AI
AI
Логотип обеспечивает визуальный контакт с потребителем, а знак транслирует основную метафору айдентики Skyeng: ускорение на пути к цели.
02
Логотип и знак
Логотип обеспечивает визуальный контакт с потребителем, а знак транслирует основную метафору айдентики Skyeng: ускорение
на пути к цели.
на пути к цели.
Важно! Не используйте текстовую часть лого отдельно от знака
Скачать логотип:
Скачать знак:
SVG
Смотреть полную библиотеку логотипов в Figma
SVG
PNG
PNG
AI
AI
Логотип обеспечивает визуальный контакт с потребителем, а знак транслирует основную метафору айдентики Skyeng: ускорение на пути к цели.
02
Логотип и знак
Логотип обеспечивает визуальный контакт с потребителем, а знак транслирует основную метафору айдентики Skyeng: ускорение
на пути к цели.
на пути к цели.
Важно! Не используйте текстовую часть лого отдельно от знака
Скачать логотип:
Скачать знак:
SVG
Смотреть полную библиотеку логотипов в Figma
SVG
PNG
PNG
AI
AI
Логотип обеспечивает визуальный контакт с потребителем, а знак транслирует основную метафору айдентики Skyeng: ускорение на пути к цели.
02
Логотип и знак
Логотип обеспечивает визуальный контакт с потребителем, а знак транслирует основную метафору айдентики Skyeng: ускорение
на пути к цели.
на пути к цели.
Охранное поле со всех сторон равно ширине и высоте буквы s.
Логотип
Знак
Охранное поле сверху, слева
и снизу равно ширине внутреннего размытого треугольника, а справа — 2/3 от его ширины.
и снизу равно ширине внутреннего размытого треугольника, а справа — 2/3 от его ширины.
Охранное поле сверху, слева и снизу равно ширине внутреннего размытого треугольника, а справа — 2/3 от его ширины.
02
Логотип и знак
Логотип обеспечивает визуальный контакт с потребителем, а знак транслирует основную метафору айдентики Skyeng: ускорение
на пути к цели.
на пути к цели.
В зависимости от размера и назначения носителя используйте один из трех размеров знака.
Знак
Для маленьких
носителей
носителей
Базовый
размер
размер
Для больших
носителей
носителей
SVG
AI
02
Логотип и знак
Логотип обеспечивает визуальный контакт с потребителем, а знак транслирует основную метафору айдентики Skyeng: ускорение
на пути к цели.
на пути к цели.
На тёмном и ярком фоне текстовая часть логотипа инвертируется (становится белой). Соблюдайте контрастность между фоном и логотипом
В редких случаях можно использовать линейную чёрно-белую версию логотипа и знака. Например, для сложных видов печати, таких как тиснение или вырубка
Также можно использовать чёрно-белую версию логотипа. Например, для создания галереи партнёрских логотипов
в едином стиле или для чёрно-белой печати на документах
в едином стиле или для чёрно-белой печати на документах
Скачать:
Для создания галереи партнёрских логотипов в едином стиле или для чёрно-белой печати на документах, можно использовать чёрно-белую версию логотипа
Для сложных видов печати, таких как тиснение или вырубка, можно использовать линейную чёрно-белую версию логотипа и знака
03
Палитра цветов
000000
191919
FFFFFF
009EE4
0080C1
004980
DBFFE9
BBFFD6
7DFFB2
40E687
CAFAFF
6FE4FF
E4FBFF
F9EBFF
F4D6FF
E6A8FF
A93EDC
FFEBF5
FFD6EC
FF9ACC
DD127D
FFEBEB
FFD7D6
FC7777
FF4545
DB0030
FFF2E0
FFE4C2
FFB53D
FF6D00
FFF7C7
FFEC8F
FCDE00
F2FFBD
DBF88B
7AC100
F4F4F4
EDEDED
D9D9D9
999999
06B16E
При работе с цветами можно использовать в том числе их производные
04
Типографика
У Skyeng есть фирменный шрифт — StratosSkyeng.
Он отправляется по запросу, только когда коммуникация ведется от лица Skyeng.
На всех носителях используется
только начертание Regular и левая выключка.
только начертание Regular и левая выключка.
04
Типографика
В базовом размере носителя ширина полей со всех сторон чуть меньше высоты буквы в заголовке. Вертикальные поля равны горизонтальным.
04
Типографика
В заголовках используется отрицательный интерлиньяж, чтобы выносные элементы не «врезались» друг в друга, следим за копирайтингом.
06
Стикеры
Стикеры выступают контейнером
для копирайта и очеловечивают бренд.
для копирайта и очеловечивают бренд.
Скачать библиотеку стикеров:
Когда стикер накладывается на текст
или другой стикер, появляется размытие. Оно повторяет форму нижнего стикера
и имеет тон темнее, чем цвет верхнего стикера.
или другой стикер, появляется размытие. Оно повторяет форму нижнего стикера
и имеет тон темнее, чем цвет верхнего стикера.
SVG
Когда стикер накладывается на текст
или другой стикер, появляется размытие. Оно повторяет форму нижнего стикера и имеет тон темнее, чем цвет верхнего стикера.
или другой стикер, появляется размытие. Оно повторяет форму нижнего стикера и имеет тон темнее, чем цвет верхнего стикера.
06
Стикеры
Стикеры с обводкой появляются, когда на носителе есть другие элементы с обводкой. Например, фотостикеры.
Скачать библиотеку стикеров:
SVG
07
Линия
Линия является фирменным элементом айдентики Skyeng.
Путь линии естественный и логичный, она не должна изламываться и резко менять направление.
Настроение и характер линии зависят от контекста,
так как это не просто декорация — она поддерживает и усиливает смысл сообщения.
так как это не просто декорация — она поддерживает и усиливает смысл сообщения.
Настроение и характер линии зависят от контекста, так как это не просто декорация — она поддерживает и усиливает смысл сообщения.
07
Линия
Если линия взаимодействует
с иллюстрацией и буквами, к ней добавляется градиент и затемнение.
Если она играет роль
обособленного декоративного элемента, допускается использование без градиента.
с иллюстрацией и буквами, к ней добавляется градиент и затемнение.
Если она играет роль
обособленного декоративного элемента, допускается использование без градиента.
Если линия взаимодействует с иллюстрацией и буквами, к ней добавляется градиент и затемнение. Если она играет роль обособленного декоративного элемента, допускается использование без градиента.
Если линия взаимодействует с иллюстрацией и буквами, к ней добавляется градиент и затемнение.
Если она играет роль обособленного декоративного элемента, допускается использование без градиента.
Если она играет роль обособленного декоративного элемента, допускается использование без градиента.
© Skyeng, 2024