Привет! Это руководство познакомит вас с фирменным стилем xlxs:), а также покажет, как пользоваться этим инструментарием

Смотреть в Figma

Бренд

Лого

Типографика

Графика

БРЕНД

здесь всё, что нужно знать об Икселиксе: кто мы, куда мы, как мы говорим
и что показываем миру

человечный / доступный / игривый / яркий / смешной / остроумный

МИССИЯ

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

ЦЕННОСТИ

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

айдентика

Как показать, что на сложные и строгие графики можно взглянуть с другой стороны?
Основа айдентики — объёмные фигуры в 3D как метафора взгляда на привычные вещи с другой стороны, третьего измерения. Так мы говорим о выходе за рамки шаблонного мышления и скучных однотипных учебников, которые понятны только их авторам.

лого

семантика

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

характер

xlxs — это акроним файлового расширения Экселя «xlsx». Мы немного поменяли буквы местами, чтобы название читалось, как XL-XS — метафора на то, что мы подходим как для серьёзных аналитиков, так и для самых маленьких читателей

ограничения

Цвет лого зависит от фона, на котором он расположен: используем светлую версию на тёмном фоне, тёмную на свтелом соответственно

цвета

семантика

Цвета Икселикса яркие и запоминащиееся, они являются оттенками самых популярных цветов в схемах и диаграммах ( красный, жёлтый, синий, зелёный)

Наше цветовое решение позволяет не только корректно визуализировать все типы графики, но и сохранять единый стиль и характер бренда

Синий используем чаще остальных дополнительных цветов. Дополнительные цвета нельзя объединять в цветовые пары друг с друго

Типографика

выбор шрифтов

Мы про математические формулы и мемы, поэтому при выборе шрифтов искали широкий гротеск, который будет отражать наш широкий взгляд на визуализацию данных и будет иметь много начертаний. Отличным вариантом стал Druk Wide Следую эстетике технологий и инноваций, мы взяли SF Pro как основной шрифт

Сетка

в вебе

графика