Лого
Наш бренд призван передавать дух жажды экспериментов, вдохновения и желание создавать что-то этичное и динамичное.
Прежде чем мы согласовали окончательную концепцию логотипа, мы рассмотрели множество различных концепций. Мы подробно изучили различные идеи, прежде чем утвердить финальную концепцию лого.
Скачать лого01. Создание эмблемы
Мы остановились на эмблеме, которая сочетает в себе несколько простых принципов, хорошо отражающих идею бренда.
Наша эмблема представляет собой комбинацию буквы J, обозначающей название "Joystream", и трех параллельных полос, которые представляют потоки данных, информации и технологий.
Зона окончания эмблемы равна высоте синего квадрата (обозначена на схеме цифрой 5а).
02. Создание лого
Лого Joystream представляет собой комбинацию эмблемы и специальной типографики, которая была разработана для того, чтобы доносить связь между эмблемой и ценностями Joystream. Оно выполнено в строгом техничном стиле, но одновременно демонстрирует пластичность и чувство структуры.
Горизонтальный макет
Вертикальный макет
03. Использование лого
Логотип Joystream в основном используется в оригинальном виде на белом фоне, но при необходимости его также можно использовать в альтернативных видах. Примеры ниже демонстрируют такие варианты использования.
Границы размеров безопасного использования
Чтобы обеспечить наилучшее визуальное представление логотипа, на цифровых устройствах его лучше всего использовать в размерах от 200 до 500px в ширину.
04. Картинки в соцсетях
В случае, если бренд Joystream подразумевается в контексте однозначно, можно использовать эмблему как самостоятельное изображение. И если эмблема может быть использована сама по себе, то текстовая составляющая никогда не должна использоваться без эмблемы.
05. Запрещенные способы использования лого
Логотип и значок должны соответствовать определенным правилам, и есть определенные случаи использования, которых стоит избегать при любых обстоятельствах! Чтобы сохранить репутацию бренда, избегайте следующих примеров использования:
Палитра цветов
Цвета нашего бренда сочетают в себе три основных цвета: черный, белый и синий. Они определяют настроение и представляют ценности бренда, включая:
стабильность, доверие, свободу, ответственность, верность, мудрость, уверенность и интеллект
01. Основные цвета
Наши основные цвета - черный и синий Joystream Blue, характерный цвет, который помогает акцентировать и привлекать внимание. Белый цвет используется для умиротворения, обеспечения прозрачности и улучшения читаемости.
Еще один дополнительный цвет, который можно комбинировать с тремя основными цветами, - это серый с синим оттенком. Его назначение сравнимо с белым, но он также дает хороший контраст с существующими белыми элементами там, где это необходимо.
Joystream Blue
White
Joystream Grey
Black
02. Вспомогательная цветовая палитра
Наша вспомогательная палитра служит для удобства и практичности. Эта палитра предоставляет широкий спектр различных оттенков основных цветов и может использоваться по-разному в зависимости от требований в конкретных ситуациях.
03. Второстепенная цветовая палитра
Второстепенная цветовая палитра - набор цветов, которые могут представлять определенные состояния сети: ошибки, успешные операции, предупреждения и т.д.
Иконографика
Значки можно разделить по назначению на две группы. Описательные значки заменяют иллюстрации, а системные значки являются чисто функциональной частью интерфейса.
01. Описательные
02. Системные
01. Описательные значки
Система иконографики Joystream - собственный комплексный стиль значков, который помогает объяснять определенные сложные темы простым и понятным образом.
Описательные значки не всегда прямолинейны и часто имеют символическое значение, но помогают сделать акцент на важных элементах.
Разработка
Характерные особенности описательных значков включают наличие параллельных полосатых заливок. Они являются представлением полос логотипа в виде теней.
Линии должны быть под углом 45°, они должны иметь ширину 2px и расстояние между ними должно быть 8px в масштабе 100%.
Значки рисуются с использованием контуров шириной 12px в масштабе 100%, они должны иметь квадратные контуры и могут быть различного размера в зависимости от композиции.
02. Системные значки
Основной стиль системных значков подразумевает сочетание двух цветов: черного и синего Joystream Blue. Их цель - визуально представлять определенные действия на веб-сайте или платформе. Они должны читаться даже в небольших размерах до 18x18px.
Разработка
Системные значки рисуются с использованием штрихов шириной 2px с квадратными концами линий в рамке c сеткой в 24px.
По возможности значки должны иметь тонкие синие вставки, составляющие не более 40% всей площади.
Типы системных значков
Мы выделяем четыре типа системных значков, и их следует использовать предпочтительно в их основном стиле, но при необходимости они могут заменять друг друга.
Основной стиль
Синие очертания
Белые очертания
Полный стиль
Иллюстрации
Иллюстрации Joystream - символическое представление важных концепций проекта Joystream. Это может быть новый тестнет, определенная роль в сети или любые другие не менее важные вещи.
Они могут быть довольно сложными визуально, несмотря на использование только трех цветов и отсутствие градиентов.
Разработка
Иллюстрации часто сочетаются с шаблонами, и в случае размещения их на синем фоне контур иллюстрации можно изменить на Joystream Blue, чтобы создать хороший цветовой баланс между шаблоном и фоном.
Разработка
Иллюстрации должны быть достаточно простыми, чтобы их можно было различить даже при уменьшении разрешения до 300x300px.
Количество деталей должно соответствовать тому, что символизирует иллюстрация, и в большинстве случаев они должны использоваться в размерах не менее 500x500px.
Шаблоны
Шаблоны - это близкий перевод эмблемы (J) в различные варианты геометрических форм, представляющих поток информации, технологии и экспериментальную индивидуальность бренда Joystream.
Они были введены как вспомогательный инструмент, чтобы выделить определенные элементы, создать эмоциональную составляющую и стать неотъемлемыми элементами визуальной идентичности бренда.
Разработка
Шаблоны визуально состоят из шести разных частей, которые можно поворачивать на 90 градусов в любом направлении, и они всегда должны иметь вид идеального квадрата.
В шаблонах при соприкосновении должна быть хотя бы одна общая вершина. Однако они не всегда должны касаться друг друга, но, когда касаются, расстояние между частями всегда должно быть равным их ширине/высоте или кратному значению.
Как использовать шаблоны
В шаблонах может применяться один из пяти разных цветов в зависимости от используемого под ним фона и цели использования в конкретной ситуации.
В зависимости от ситуации их можно использовать в большем или меньшем разрешении.
Примеры шаблонов
Типографика
Наши шрифты просты, понятны и современны. Это отражение нашего бренда и нашего посыла. Мы выбрали подходящие гарнитуры шрифтов из семейства PX Grotesk (обычный, полужирный) и Inter для конкретных точек соприкосновения и создания четкой иерархической структуры при подаче информации и сообщений.
Если невозможно использовать ни тот, ни другой шрифт, выберите Arial Regular. Это может быть необходимо при использовании в операционных системах ПК, внутренних электронных документах или в офисах по всему миру. Не используйте Arial для любых печатных материалов.
Ниже приведен образец идеального стека шрифтов, где PX Grotesk используется для заголовков и больших цитат, а Inter UI - для абзацев и текстов призыва к действию.
/Regular, 54/80
The spectacle before us was indeed sublime.
/Regular, 40/48
Question marks and exclamation points.
/Regular, 40/48
Every introduction to the problems of aesthetics begins by acknowledging the existence and claims of two methods of attack.
/Regular, 32/40
Methodologies of Aesthetics
Users who also want to engage in actually running and guiding how the platform will work, in other words, people who want to engage in platform governance and work. This refers to people who enjoy building, fostering and participating in nascent communities. They are driven by a sense of purpose, and also the motivation to get in early on something that can become big and important. These people are often highly social, enjoy working in groups with common purpose, are self directed, digital natives and often outsiders in the offine world.
Фотография
Фотографии должны соответствовать теме, которую они описывают, но не должны ограничиваться только технологическими направлениями. Joystream - это гораздо больше, чем просто технология; он объединяет, освежает и радует. Изображения должны передавать это настроение пользователям.
Как использовать фотографии
Поскольку Joystream - уникальный экспериментальный проект, он может быть ассоциирован с широким спектром тем, которые могут быть связаны с ним с точки зрения фотографии. Он сугубо технический, особенно сейчас, когда мы находимся на этапе построения сообщества, поэтому большая часть фотографий будет связана с технологиями.
Один из способов обеспечить единообразие фотографий - использовать их в двух тонах, основанных на фирменных цветах. Для этой цели мы можем использовать удобный инструмент для создания двухцветных фотографий, как показано ниже.
Используя ссылку ниже, можно превратить любую фотографию в двухцветную, введя два основных цвета Joystream.
https://duotone.shapefactory.co/Очень важно настроение, которое передают фотографии. Они непременно должны вызывать чувство доверия, общности и радости. Фотографии должны быть разнообразными, поскольку предназначены для очень широкого круга пользователей. Их необязательно использовать в двух тонах, но лучше, если их цифровая палитра не будет кричащей.
Примеры использования фотографий
Анимация
Joystream - экспериментальная и захватывающая платформа, и ее анимация должна быть такой же.
Общие правила использования анимации можно описать несколькими простыми принципами: плавные переходы, динамичное, но перетекающее движение и общая плавность ключевых кадров. Эта комбинация в большинстве случаев должна обеспечивать последовательный и гибкий стиль анимации.