Путь от логотипов и иконок к модульной типографической системе для Muse Group

Аудитория Muse Group насчитывает более 400 миллионов человек по всему миру, а в портфолио компании такие проекты, как Ultimate Guitar, MuseScore, Audacity, MuseClass и Muse Hub. Но при всём многообразии продуктов у бренда не было цельного визуального стиля. С этой задачей к нам обратились COLLINS. В основе их подхода—идея творческого полёта, состояния, когда мастерство соединяется с интуицией, а музыка идёт от сердца.

Концепцию шрифта разработала Инджила Самад Али—благодаря её задумке ритм и характер Muse Group превращаются в выразительную типографику. Вместе с Ребекой Арсе и Ником Эйсом она сформировала общее креативное направление проекта. Contrast Foundry занялась реализацией и превратила идею в функциональную типографическую систему.

Так появилась гарнитура Muse Display. Её четыре начертания были созданы с расчётом на движение, пластичность и выразительность. Также для проекта были кастомизированы CoFo Sans и CoFo Sans Mono, так как эти шрифты предназначены для интерфейсов и технических задач, поддерживают основной визуальный стиль и обеспечивают гибкость.

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

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

Акцидентные начертания по изначальной задумке ребят из Коллинс должны были состоять из нескольких жёстко заданных модулей, каждое из начертаний обладало своим набором. Это придало шрифту сходство с нотной записью, состоящей из палочек, капель и хвостов.

Современный нотный стан имеет пять горизонтальных линий, которые и стали направляющими для модульных начертаний Muse Display. Прописные буквы, таким образом, стали ростом в четыре строки, строчные—в три строки. Как и при записи низких нот, для нижних выносных элементов мы позволили себе добавить шестую направляющую.

Так появилась идея трёх модульных начертаний Muse Display—Rhythm, Riff и Symphony.

В паре с ними должно было идти что-то спокойное. Инджила попробовала множество шрифтов, но в итоге остановилась на шрифте из нашей коллекции CoFo Kak Medium. Подходящая жирность и пропорции, высокий рост строчных знаков, компактные нижние выносные элементы, круглые точки и общая мягкость—это то, что повлияло на решение. Правда, мы внесли довольно заметные изменения в CoFo Kak Medium, продиктованные общей идеей, и он стал называться Muse Display Harmony (читайте об этом ниже). В типографической системе Muse Display Harmony играет роль базового шрифта для набора заголовков. 

Самым сложным в таких проектах всегда является выбор—где пойти на поводу у системы, а где сделать исключение из неё. Несмотря на всю модульность, иногда именно отход от правил позволяет кристаллизовать идею и понять, что является её неотъемлемой частью, а что второстепенно и может изменяться и подстраиваться.

В первую очередь нам нужно было придумать, как связать в единое целое модульные начертания и CoFo Kak Medium. Не разрушая систему, унифицировать рост строчных, прописных и выносных элементов между всеми четырьмя начертаниями.

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

Изначально строчные знаки в модульных начертаниях были равны трём четвертям от высоты прописных. Но на первых же тестах мы поняли, что это слишком низкие строчные для такого акцидентного  шрифта, и решили отойти от структуры пяти нотных линеек, взяв за основу высокие строчные в CoFo Kak Medium.

Это была не первая наша работа над модульным шрифтом, в нашей коллекции есть индустриальный CoFo Kabeltouw, и мы не испугались того, что придётся расширять набор модулей и где-то нарушать жёсткую логику. 

Должны ли все основные штрихи быть одинаковыми по ширине? Сразу ответим—нет. Главным для нас было то, чтобы надписи, набранные несколькими начертаниями, смотрелись цельно по насыщенности. Поэтому мы нарисовали стемы в дисплейных начертаниях и в Muse Display Harmony неодинаковыми! Кроме того, в Harmony стемы прописных немного жирнее строчных, но дисплейные начертания придерживаются модульной логики, и в них стемы в обоих регистрах имеют одинаковую ширину.

Модульные начертания изначально были построены на математическом круге. А CoFo Kak хоть и был скруглённым по характеру, но не преследовал идею геометричности. Нам потребовалось сблизить форму овалов—CoFo Kak стал чуть шире и круглее, а геометричные радиусы дисплейных начертаний мы слегка скомпенсировали оптически, чтобы они выглядели более естественно.

Развивая это направление, мы также изменили конструкции многих знаков CoFo Kak: Q R Я a g u y б @ ?

Важная черта семейства Muse Display—дуплексность начертаний. Это означает, что одна и та же буква в разных начертаниях имеет одинаковую ширину кегельной площадки, и при изменении в надписи буквы из одного начертания на другое, вся надпись останется неизменной по ширине.

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

Мы стремились к компромиссу между соблюдением жёсткости и логики Rhythm, Riff и Symphony, с одной стороны, и естественности и привычности для глаза Harmony с другой. Конструкции букв никак не шли на компромисс. Сложнее всего было работать с узкими J j f t r и с треугольными буквами Vv Ww Xx Yy M N. Узкие знаки в модульных начертаниях получались непропорционально широкими, треугольные также были либо слишком широки, либо не соответствовали по конструкции начертанию Harmony. Мы решили эту проблему, добавив новые модули, созданные на основе имеющихся.  

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

Важно: Кернинг между начертаниями невозможен технически. То есть если внутри надписи заменить одну из букв на букву из другого начертания, то она не будет керниться с соседними буквами в слове. Поэтому нам пришлось смириться с тем, что, как бы мы ни старались, идеала нам не достичь, и дизайнерам придётся при необходимости добавлять кернинг вручную то тут, то там.

Как правило, мы стараемся быть принципиальными и не рисовать много альтернативных знаков, но Muse Display изначально нарушал все возможные правила, и мы решили пойти у него на поводу! 

Muse Display предлагает комплект альтернатив, которые ещё больше подчеркивают его характер. Он включает «музыкальный» сет для букв b d p q h k и минималистичную j.

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

Эти стилистические сеты предоставляют широкий спектр творческих возможностей для типографики, позволяя настроить внешний вид Muse Display в соответствии с задачами в дизайне.

В дополнение к шрифту мы помогли Collins доработать рисунок иконок продуктов. Изначально иконки были строго модульными по аналогии с акцидентными начертаниями Muse Display. Но в процессе работы мы решили отойти от жёсткой логики в сторону визуальной сбалансированности рисунка. Мы ориентировались на пластику базовых модулей шрифта: геометричность круглых элементов, остроту и массивность деталей,—но больше внимания уделяли оптике и работе иконок в мелком размере на экране. Так мы предложили отказаться от тонкого штриха в первом эскизе символа Audacity—такой элемент не встречается в Muse Display, и он не работает в мелком масштабе.

COLLINS: Muse Group (Copyright © COLLINS, 2025)

Насколько строгую систему можно создать, используя минимальное количество модулей? Этот проект определенно опроверг наш скептицизм по поводу модульности в шрифтовом дизайне. Но в Muse Display не было кириллицы! Так что мы убедились, что все возможно, если в вашем шрифте только английский язык!

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

CONTRAST FOUNDRY
Maria Doreuli
Egor Golovyrin
Liza Rasskazova

COLLINS
Rebeka Arce
Indgila Samad Ali
Nicole Cousins
Beth Johnson
Mariah Bush
Cas Malo
Madeleine Carrucan
Tomas Markevicius
John Choi
Taylor Zahrt
Nick Ace
Taamrat Amaize
Michael Di Leo
Gianluca Alla
Alex Athanasiou

MUSE GROUP
Yury Vetrov
Vitaly Rynsky
Valentin Ladyagin
Lena Kireeva
Jack Sutton
Sophie Browness
Muse Group Product & Creative Teams

Photography & Videography
Jared Ryder

Styling
Liz Borger

Music & Sound Design
Rohan Rege