Manrope и геометрические гротески нового поколения

Manrope — один из самых модных шрифтов последних лет. Если вы откроете страницу любого SaaS-продукта, выпущенного в 2024–2026 годах, с вероятностью 30% вы увидите Manrope в логотипе или заголовке. Что делает этот шрифт особенным, чем он отличается от Montserrat и Inter, и в каких задачах он выигрывает — разбираем в этой статье.

Manrope — шрифт, разработанный в 2018 году студией Anyway Type (Михаил Шардин, Россия). Изначально — как кастомный шрифт для одного из продуктов студии. В 2019 году шрифт был открыт под лицензией SIL OFL и выложен на Google Fonts. После этого произошло почти мгновенное распространение: к 2020 году Manrope был в десятке самых популярных шрифтов на Google Fonts, к 2024 году — в топ-5.

Manrope вдохновлён геометрическими гротесками начала XX века — Futura, Avenir, Century Gothic. Но это не «копия», а «переосмысление». У него та же геометрическая основа (круглые «о», «с», ровные штрихи), но с мягкими окончаниями и более «тёплой» пластикой. Это делает его более «человечным», чем классические геометрические гротески, и более «современным», чем гуманистические (Inter, Roboto).

Manrope vs Montserrat: Montserrat — «жёсткий» геометрический гротеск. У него «идеальные» круги, «строгие» пропорции, «промышленный» характер. Montserrat хорошо смотрится в логотипах и крупных заголовках, но в длинном тексте кажется «холодным». Manrope — «мягкий» геометрический гротеск. У него круги с чуть закруглёнными краями, более «тёплые» пропорции, менее «промышленный» характер. Manrope хорошо работает и в заголовках, и в длинном тексте. Это делает его более универсальным.

Manrope vs Inter: Inter — «инженерный» гуманистический гротеск. У него активная x-height, нейтральный характер, отличная читаемость в мелком размере. Inter — стандарт для интерфейсов, но в крупных кеглях может казаться «скучным». Manrope — более «выразительный». У него более активная пластика, более «фирменный» характер. В крупных кеглях (32 px+) Manrope «работает» лучше, чем Inter. В интерфейсах (14–18 px) Inter остаётся фаворитом.

Кратко: Montserrat — для жёстких геометрических акцентов, Manrope — для тёплых геометрических акцентов и средних текстов, Inter — для интерфейсов и длинного текста. Это три разных инструмента, которые решают разные задачи. В каталоге FontHub все три доступны для немедленного подключения.

Manrope выигрывает в трёх сценариях. Первый — продуктовые лендинги SaaS-продуктов. На лендинге нужен акцентный шрифт для заголовков, который передаёт «современность» и «подходкость». Manrope — идеальный выбор: его мягкая геометрия даёт «современный, но не холодный» характер. Пара Manrope (заголовки) + Inter (текст) — рабочее решение для большинства SaaS-лендингов.

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

Третий сценарий — акцентная типографика в интерфейсах. Если в интерфейсе нужен «фирменный» заголовок (например, на странице онбординга или в крупном акценте), Manrope хорошо работает как акцентный шрифт, в то время как основной интерфейс — на Inter. Это даёт «фирменность» без ущерба для читаемости интерфейса. В каталоге FontHub пара «Manrope + Inter» — одна из рекомендуемых для продуктовых проектов.

Manrope проигрывает в двух сценариях. Первый — интерфейсы с высокой плотностью информации. На дашбордах с таблицами, формами, метаданными Manrope в мелком размере (12–14 px) хуже читается, чем Inter. Причина — у Manrope более активная пластика, которая в мелком размере создаёт «визуальный шум». Для плотных интерфейсов Inter — лучший выбор.

Второй сценарий — длинный текст для чтения (статьи, книги, документация). Manrope хорошо читается в средних кеглях (16–24 px), но в длинном тексте (3+ экрана) его «тёплый» характер может утомлять. Для длинного текста лучше использовать более «нейтральные» шрифты — Inter, Roboto или serif-шрифты (Lora, Source Serif). Manrope — для акцентов, не для основного текста.

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

Особенность — строчная «б» в Manrope имеет характерную «каплевидную» форму с открытым верхом. Это решение спорное: некоторые дизайнеры считают его «избыточным», другие — «фирменным». Если вам нравится эта форма — Manrope подходит. Если нет — придётся искать другой шрифт. Но в большинстве контекстов «б» читается нормально, и эта особенность не мешает восприятию.

Подключение Manrope через каталог FontHub — самая простая задача. CDN автоматически отдаёт CSS с корректными unicode-range, font-display: swap, WOFF2 с subsetting. Вам нужно только добавить в HTML <link rel="stylesheet" href="https://cdn.fonthub.ru/css/manrope"> и в CSS использовать font-family: 'Manrope', system-ui, sans-serif. Этого достаточно для корректной работы.

Для переменной версии Manrope используйте URL https://cdn.fonthub.ru/css/manrope-variable. CDN отдаёт WOFF2 Variable с осью wght от 200 до 800. Размер — около 75 КБ (против 6 файлов по 30 КБ = 180 КБ для статических начертаний). Это даёт значительную экономию трафика и гибкость в настройке иерархии весов.

Ещё один практический совет: при использовании Manrope в проекте обратите внимание на контекст применения и на «насыщенность» его пластики. Manrope хорошо работает в паре с более «нейтральным» шрифтом — Inter в интерфейсе, Roboto в основном тексте. Если Manrope используется и в заголовках, и в тексте, его характер может стать слишком «активным», и страницы будут казаться визуально перегруженными. Решение: разделить роли — Manrope в заголовках, Inter в тексте. Если Manrope должен быть везде (например, для брендовой консистентности), используйте разные веса: Bold для заголовков, Regular для текста. Это создаёт визуальную иерархию без смены шрифта. Также обратите внимание на использование Manrope в тёмной теме: его мягкие окончания в тёмной теме могут казаться «расплывчатыми», особенно при мелком размере (12-14 px). Если у вас тёмная тема интерфейса, тестируйте Manrope при разных весах: возможно, потребуется использовать вес 500 вместо 400 для лучшей читаемости. В каталоге FontHub Manrope доступен как переменный шрифт с осью wght 200-800 — вы можете точно подобрать вес под свой контекст, без необходимости грузить отдельные статические начертания.

«Manrope — это геометрический гротеск, который научился быть тёплым.» — Михаил Шардин

Manrope — не «универсальный» шрифт, но в своей нише (продуктовые лендинги, акцентная типографика, логотипы технологичных брендов) он один из лучших бесплатных выборов. Его мягкая геометрия даёт «современный, но не холодный» характер, который трудно получить с другими шрифтами. Если вы делаете SaaS-лендинг, технологичный продукт или современный бренд — попробуйте Manrope. В каталоге FontHub он доступен бесплатно, с отличной кириллицей и поддержкой переменных осей. Подключите через CDN за минуту — и оцените, подходит ли он под ваш характер.