Rivalry2

HTML Diff

0 added 0 removed

Original 2026-01-01

Modified 2026-02-21

1 <a>#статьи</a>

2 <ul><li>17 окт 2023</li>

3 <li>0</li>

4 </ul>Рассказываем, для каких проектов подходит Manrope, и показываем примеры удачных шрифтовых пар с ним.

5 Изображение: Mikhail Sharanda / gent.media

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

7 Разберём одну из самых популярных гарнитур - Manrope - и покажем, какие шрифтовые пары с ней можно составлять.

8 Manrope - это небольшое семейство гротесков. В него входят семь прямых начертаний от ExtraLight до ExtraBold и файл вариативного шрифта, однако нет курсивов.

9 Manrope минималистичный, графически простой и "бесхарактерный". Визуально он близок к неогротескам: рисунок букв стремится к симметричности, в них максимум вертикальных линий, а контраст - низкий.

10 Самый известный неогротеск в мире - Helvetica, нейтральный и универсальный шрифт, который легко читать с любого расстояния и в любом визуальном контексте.

11 Интересных деталей и фактов о том, как создавался этот шрифт, немного. Его автор, Михаил Шаранда, опубликовал Manrope в 2018 году, в 2019-м в дополнение вышел вариативный шрифт. Его помогал разрабатывать Мирко Велимирович.

12 Сначала этот гротеск назывался Vladivostok font, но к релизу получил имя Manrope. Это термин из корабельного дела: так называются страховочные верёвки по бокам от трапов, которые спускают с палубФото: Anna Nikonorova / Skillbox MediaВ кассе Manrope расширенные латиница, кириллица и греческий; есть лигатуры, дроби, знаки валют и альтернативы.

13 Кириллица Manrope в насыщенностях от Light до BoldСкриншот: сайт<a>Fonts.Google</a>/ Skillbox MediaЛатиница Manrope в веб-дизайне. На первый взгляд этот шрифт едва отличим от десятков других подобий "Гельветики"Скриншот:<a>Paloma</a>/ Skillbox MediaНебольшой отрывок кириллического текста в вебе набран Manrope, и он "звучит" гладко и малоэмоциональноСкриншот: сайт "<a>Чайкин остров</a>" / Skillbox MediaШрифтовая студия Free Faces выбрала Manrope для дизайна своего сайта: супернейтральный гротеск не отвлекает от презентации акцидентных и ярких "рабочих" гарнитур, а просто и безыскусно доносит информациюСкриншот: сайт<a>Free Faces</a>/ Skillbox MediaТексты в интерфейсе главной библиотеки UX/UI-дизайнеров Nicelydone оформлены ManropeСкриншот: сайт<a>Nicelydone</a>/ Skillbox MediaБлагодаря своему нейтральному характеру Manrope отлично сочетается с акцидентными и игривыми шрифтами. Он будто графически выражает закадровый голос воображаемого нарратора - бесстрастный, ровный и разборчивый.

14 Шрифтовая пара Simeiz и Manrope. Simeiz - контрастная, декоративная антиква, Manrope - механистический шрифт без засечекСкриншот: сайт<a>dyotanya</a>/ Skillbox MediaПосмотрим, как шрифты Manrope выглядят в разных проектах и какие шрифтовые пары с ними можно собирать.

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

16 Например, сайт студии, которая создаёт интернет-магазины, оформлен парой из Roslindale и Manrope. Гротеск контрастирует с антиквой в викторианском стиле и немного "успокаивает" дизайн, наполненный эффектами, сложными приёмами и визуально броскими решениями.

17 Шрифтовая пара Manrope и RoslindaleСкриншот: сайт<a>Limesharp</a>/ Skillbox MediaСимулятор похода Prends L’Air создан для того, чтобы помочь мужчинам осознать деструктивность своего поведения и подсказать им, как справляться с агрессией. Заголовки в нём оформлены Ranille с винтажным, добродушным характером, а основные тексты и пояснения - спокойным Manrope.

18 Шрифтовая пара Manrope и RanilleСкриншот: сайт<a>Prends l’air</a>/ Skillbox MediaЕщё один пример интерактивного дизайна в digital - проект "Эксперимент с эмпатией" от студии Media.monks. Основная гарнитура здесь выразительная<a>Adieu</a>, а для текстов с научными данными и технической информацией дизайнеры выбрали Manrope.

19 Шрифтовая пара Manrope и AdieuСкриншот: сайт<a>The Empathy Experiment</a>/ Skillbox MediaВ дизайне лендинга для девелоперского проекта использовали RF Dewi Extended и Manrope. Шрифты визуально роднит то, что они оба относятся к неогротескам, но у RF Dewi в крупном и среднем размере больше характера, и благодаря увеличенной ширине знаков на контрасте с Manrope он выглядит акцидентным.

20 Скриншот: сайт "<a>ЖК АЭРО</a>" / Skillbox MediaLa puce à l’oreille - чип в ухо для детей. В дизайне сайта с контентом для этого устройства использовали Manrope в четырёх форматах насыщенности - Regular, Medium, Bold и ExtraBold. Рядом с акцидентной брусковой антиквой<a>Alfa Slab One</a>эти начертания приобрели даже некоторую игривость характера.

21 Шрифтовая пара Manrope и Alfa Slab OneСкриншот:<a>lpalo.com</a>/ Skillbox MediaPrado Eco-studio - пространство в Малаге, где мастера делают процедуры по уходу за волосами с натуральными средствами. Брендинговые материалы студии оформлены с визуальными отсылками к экотеме, а тексты набраны<a>Cirka</a>и Manrope.

22 Такая шрифтовая пара из антиквы с заострёнными засечками и минималистичного гротеска выглядит современно, актуально и непретенциозно.

23 Шрифтовая пара Cirka и ManropeСкриншот: сайт<a>Prado Eco-studio</a>/ Skillbox MediaСдержанный Manrope отлично сочетается с ярким леттерингом логотипов, особенно если в их графике есть этнические или исторические мотивы. Этот гротеск не "перебивает" буквы-иллюстрации и при этом чётко доносит, что фирменный стиль современный, а не архивный.

24 Изображение: Sushea /<a>JM& Co</a>Manrope нечасто используют для оформления книг, журналов и других традиционных медиа: эти шрифты - в первую очередь инструмент цифрового дизайна.

25 Проект итальянской дизайнерки, посвящённый истории домохозяйки Либератины, - один из редких образцов печатного дизайна с Manrope, которым набраны объёмные тексты в книге.

26 Типографика с ManropeИзображение: Martina Malvermi /<a>Behance</a>Дизайн упаковки Conscious Food, марки готовых смесей для выпечки и каш, построен из традиционных для подобных продуктов "детских" элементов. Например, это шрифт, напоминающий письмо мелом на доске, крупная яркая иллюстрация и буквы с мягкими скруглениями штрихов.

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

28 Шрифтовая пара Hoss Round и ManropeИзображение:<a>Conscious Food</a>Все шрифты из семейства Manrope распространяются исключительно бесплатно, и их можно использовать в любых коммерческих и личных проектах.

29 <ul><li>Основной источник Manrope - библиотека<a>Google Fonts</a>.</li>

30 <li>Также эти шрифты можно скачать на сайте студии Михаила Шаранды<a>Gent</a>или на его<a>GitHub-странице</a>.</li>

31 </ul>Если нужна альтернатива Manrope, можно обратиться к другим бесплатным полузакрытым гротескам:

32 <ul><li><a>Aileron</a>. По визуальному характеру он более геометрический.</li>

33 <li><a>Inter</a>. Это семейство шрифтов было создано специально для digital-дизайна.</li>

34 <li><a>Eau</a>. Стоит обратить внимание, что эти шрифты не поддерживают русский язык - в наборе нет кириллицы.</li>

35 <li><a>Figtree</a>. Это тоже чистый гротеск, но с более дружелюбным характером, чем Manrope.</li>

36 </ul>Также стоит рассмотреть качественные платные гротески. Например,<a>Akzidenz-Grotesk</a> - один из самых популярных в мире нейтральных шрифтов.

37 <a>Научитесь: Шрифт в дизайне Узнать больше</a>