Что скрывается за выражением «Medium внешность»? Это не про волосы и одежду, а про внешний вид самой платформе и ваших публикаций: шрифты, отступы, цветовые акценты и общее ощущение «уюта для мыслей», которое Medium дарит читателю. Ниже — подробная разметка того, что делает Medium визуально особенным, как настроить «обличье» своего блога и куда бежать, если что-то пошло не так.
Почему Medium выглядит «как в кино» — 5 главных фишек дизайна
- Единый шаблон, который нельзя испортить.
Платформа предлагает минимум опций форматирования, поэтому 95 % статей выглядят аккуратно и одинаково читаемо: «жирный», курсив, заголовки H2–H4, цитата, ссылка, и всё. - Типографика как фетиш.
Serif-шрифт Charter для заголовков и sans-serif Kievit для основного текста создают ощущение печатного журнала. - Щедрые «воздушные» поля.
По бокам экрана до 50 % свободного пространства, глаз «дышит» и быстрее бегает по строкам. - Фон всегда белый, чёрный текст #1a1a1a.
Никаких ядовитых цветов и мигающих баннеров — Medium сразу говорит: «контент важнее обёртки». - Адаптив без компромиссов.
На 320 px и на 2560 px статья смотрится одинаково элегантно: изображения масштабируются, цитаты не «ехать».
Как «примерить» внешний вид на себя — пошаговая инструкция
Личный блог vs Публикация
На Medium есть два уровня внешности:
- Личный аккаунт. URL вида
medium.com/@yourname, кастомизации ноль — только аватарка и био. - Публикация (Publication). Это как «журнал» внутри Medium. Можно:
- загрузить логотип (PNG, 72×72 px),
- выбрать акцентный цвет (один из 8 предустановленных),
- сделать собственный заголовок и подзаголовок,
- задать фоновое изображение хедера (jpeg, 1400×400 px).
Настройка «обличья» публикации
- Зайдите в Settings → Publication → Homepage & Design.
- Загрузите логотип и фон хедера. Важно: Medium сама обрежет изображение до 16:9, поэтому держите лица и тексты по центру.
- Выберите Brand color. Он станет цветом кнопок «Follow» и ссылок. Вариантов немного, но глаз не устанет.
- Добавьте favicon (32×32 px), иконка появится во вкладке браузера.
Оформление самой статьи
- Обложка:
Settings → Story → Change featured image. Размер 1200×675 px (соотношение 16:9). - Верхний «kickers» (поджанр над заголовком): просто на первой строке поставьте заглавные буквы и оформите как
H3. - Разделители: используйте
---— Medium превратит их в элегантную тонкую линию. - Видео лучше вставлять с YouTube: платформа автоматически поставит превью 16:9 и кнопку «Play» Medium-стайл.
Типовые ошибки «внешности» и как их исправить
| Ошибка | Как выглядит | Быстрое решение |
|---|---|---|
| «Тесный» абзац | Все строки слитно, отступ 0 px | Между абзацами ставьте пустую строку |
| Огромные картинки | Фото 4000 px в ширину весит 10 МБ | Сжать до 1600 px, вес до 250 КБ |
| Красный логотип на розовом фоне | Brand color = #FF1744, фон #FFC0CB | |
| Лишние ссылки в шапке | В меню 15 пунктов | Оставьте 3–4 самых важных |
Контакты и поддержка, куда бежать за помощью
- Официальный справочный центр Medium
https://help.medium.com/hc/ru
Разделы «Design & Layout» и «Publications», исчерпывающие гайды на английском, но с GIF-скриншотами. - Форум русскоязычных авторов в Telegram
https://t.me/medium_ru
3 200+ участников, обсуждаем внешний вид статей и делимся шаблонами обложек. - Почта поддержки
yourfriends@medium.com — ответ приходит в течение 24–48 ч. Укажите тему «Publication design issue». - Twitter-поддержка
@MediumSupport
Отвечают с 9:00 до 18:00 EST. Можно приложить скриншот проблемы. - Консультация дизайнера-волонтёра
Пишите в личку в Telegram @medium_mentor, бесплатно помогает начинающим публикациям «одеться» за 30 минут.
Краткий чек-лист перед публикацией
- Обложка статьи 1200×675 px, ≤250 КБ.
- Аватар публикации 72×72 px, читаемый на белом фоне.
- Brand color не сливается с фоном хедера.
- В статье не менее трёх заголовков
H2для навигации. - Каждая картинка с подписью в italics.
- Ссылки открываются в новой вкладке (
target="_blank"проставляется автоматически).
Главное помнить: на Medium «внешность» не должна кричать о себе. Чем проще и чище визуальный ряд, тем больше внимания достаётся самому смыслу. Удачных публикаций и безупречного «Medium-фейса»!