Система бренда

Дизайн Dimension Science

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

DS / MARK 01

Основной знак

В тёмной теме используется фиолетовый портал, в светлой — оранжево-красный. Текст Dimension Science набирается отдельно и остаётся читаемым в любом масштабе.

Знак для тёмной темы

Фиолетовый портал используется только на тёмном полотне.

Фиолетовый знак Dimension ScienceСкачать PNG

Знак для светлой темы

Оранжево-красный портал используется на светлом полотне.

Оранжевый знак Dimension ScienceСкачать PNG

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

Знак должен оставаться узнаваемым в любом носителе; вокруг него сохраняется свободное пространство не меньше четверти его ширины.

  • Не перекрашивать и не смешивать версии для разных тем.
  • Не растягивать, не сжимать и не менять пропорции.
  • Использовать не меньше 28 px по ширине в интерфейсе.
  • Название Dimension Science набирать живым текстом, а не вставлять растровый wordmark.

DS / COLOR

Цветовая система

Тема меняет цвета интерфейса и версию знака, но не размеры, отступы или расположение элементов.

Светлая тема

Тёплое полотно и оранжевый интерфейсный акцент из основного portal mark.

Canvas#F6EEE5
Raised#FDEEDF
Surface#EADFD5
Line#CFC0B4
Text#1B1517
Muted#685C58
Accent#D94B11
Accent fill#D94B11

Тёмная тема

Основная тема сайта: чёрное полотно, фиолетовый портал и светлый текст.

Canvas#0B0B0C
Raised#111112
Surface#171219
Line#32283A
Text#FDEEDF
Muted#B9AEA6
Accent#D259F1
Accent fill#6E08AD

DS / TYPE

Типографика

Две пары используют три семейства и только веса 400, 600 и 700. Пара выбирается по роли текста, а не по теме.

01

Редакционная пара

Manrope создаёт иерархию заголовков, Inter объясняет смысл сразу под ними и ведёт основной текст.

Manrope 700 + Inter 400/600

02

Интерфейсно-техническая пара

Inter называет действия и элементы управления, IBM Plex Mono хранит статусы, даты, EXP-коды и технические значения.

Inter 400/600 + IBM Plex Mono 400/600