Бренд
Руководство

Это руководство определяет визуальный язык, стиль дизайна и основные принципы приложения «Mutolaa». Его цель — создать единый и последовательный опыт взаимодействия с брендом независимо от команды или специализации.Суть «Mutolaa» — знания, ясность и удобство. Наша миссия — сделать чтение еще проще, понятнее и вдохновляющее. Это руководство включает важные стандарты дизайна, которые помогают воплощать наш бренд в жизнь: систему цветов, типографику, доступность (accessibility) и правила документирования.
Независимо от того, создаете ли вы дизайн для цифровых платформ или печатных материалов, это руководство помогает отражать основные ценности «Mutolaa» — доверие, простоту и эффективность — в каждой точке взаимодействия.

01 Введение в Mutolaa

В мире знаний много отвлекающих факторов — рассеянное внимание, нехватка времени и снижение интереса к чтению мешают развитию человека. Многие хотят учиться, но из-за отсутствия правильной системы и подходящей среды этот процесс оказывается неэффективным.

«Mutolaa» возвращает уверенность в процессе получения знаний.

Изображение, передающее атмосферу знаний и чтения Mutolaa

Созданная на основе ясности и содержания, «Mutolaa» придерживается простой, но важной миссии — сделать чтение легким, понятным и эффективным. Мы верим, что правильно организованный процесс обучения расширяет мышление человека и раскрывает его потенциал.

«Mutolaa» не просто предлагает читать — она ведет вас к последовательному развитию. Ведь когда знания усваиваются правильно, будущее становится еще ярче.

02 Логотип

Логотип «Mutolaa» выполнен в форме открытой книги и символизирует знания, обучение и мышление. Тонкие элементы внутри книги сочетаются с буквами, создавая визуальную связь с названием бренда.

Минималистичные и чистые линии придают логотипу современность и ясность. Простая форма позволяет легко использовать его в мобильном приложении, на сайте и в печатных материалах.

Логотип «Mutolaa» — не просто знак. Это символ открытой страницы знаний, новых идей и постоянного развития.

Основной цвет

Второстепенный

Монохромные цвета

Охранное поле

x
x
x
x

Неправильное использование

Не изменяйте пропорции логотипа

Не поворачивайте логотип

Не изменяйте размеры элементов логотипа по отдельности

Не добавляйте контур (outline) к логотипу

Не меняйте расположение элементов логотипа

градиентный логотип

Не добавляйте градиенты или эффекты к логотипу

03 Цвета

Цветовая палитра «Mutolaa» создана, чтобы вызывать ощущение знаний, спокойствия и сосредоточенности. Каждый цвет создает комфортную среду для чтения, делая процесс обучения более эффективным и приятным.

Вместе эти цвета создают современный, надежный и вдохновляющий образ бренда. Основной цвет выражает энергию и мотивацию, а дополнительные цвета обеспечивают баланс и визуальный комфорт.

И наконец «Mutolaa» отражает свои основные ценности — простоту, ясность и стремление к знаниям — в каждом интерфейсе и каждой точке взаимодействия.

Основная палитра

Accent

Hex: #FF6900

Background

Hex: #F4F5F5

White

Hex: #FFFFFF

Black

Hex: #18181B

Дополнительная палитра

Success

Hex: #17C964

Warning

Hex: #F5A524

Danger

Hex: #FF383C

Border

Hex: #E4E4E7

Градиентная палитра

Gradient 1

Gradient 2

Gradient 3

Gradient 4

04 Типографика

Типографика «Mutolaa» основана на принципах простоты, удобства чтения и современности. Использование единого шрифта на всех платформах обеспечивает последовательность бренда и создает единый комфортный опыт для пользователя.

Образец типографики Inter

Основной шрифт — Inter

Inter — чистый современный шрифт без засечек, специально оптимизированный для экранов. Он обеспечивает высокую читаемость и позволяет легко воспринимать даже длинные тексты. Его простая и функциональная структура отражает основные ценности «Mutolaa» — ясность, удобство и эффективность.

Inter используется во всех случаях: в заголовках, текстах, кнопках и элементах интерфейса. Различные начертания (weights) создают визуальную иерархию и помогают четко разделять контент.

Благодаря единой системе шрифтов «Mutolaa» всегда выглядит чисто, понятно и профессионально.

Основной шрифт

Inter

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj

Kk Ll Mm Nn Oo Pp Qq Rr Ss

Tt Uu Vv Xx Yy Zz

0 1 2 3 4 5 6 7 8 9

! @ # $ % ^ & * () {} : " ' , < > ? /

Размеры

Типографика «Mutolaa» использует гибкие размеры, обеспечивающие удобное чтение на разных экранах и платформах. Каждый тип текста — заголовок, основной текст или примечание — определен в соответствии с четкой иерархией, что помогает пользователю легко воспринимать контент.

Избавьтесь от путаницы в знаниях, проясните свое мышление

Размер шрифта:
72pt/px+
Высота строки:
100%
Интервал:
-2%

Не знаете, какую книгу выбрать, не можете сосредоточиться или не знаете, с чего начать чтение? «Mutolaa» поможет вам выбрать правильный путь

Размер шрифта:
55–72pt/px
Высота строки:
110%
Интервал:
-2%

Мы работаем над тем, чтобы сделать процесс чтения простым и эффективным. «Mutolaa» помогает находить подходящий контент, сосредоточиться и системно расширять знания — чтобы каждая прочитанная страница приносила пользу

Размер шрифта:
24–55pt/px
Высота строки:
120%
Интервал:
-1%

Чтение не должно быть сложным. Благодаря правильному подходу, удобному интерфейсу и продуманной системе процесс получения знаний становится значительно проще. Именно это обеспечивает «Mutolaa» — она помогает быстро и эффективно получать нужные знания, не отвлекая вас лишним

Размер шрифта:
0–24pt/px
Высота строки:
130%
Интервал:
0%