Как я сделал личный блог похожим на Kremlin.ru, сайт Президента России

Sun, 05 Apr 2026 00:00:00 +0000

Когда запускал свой блог, я решил не придумывать с нуля, а вдохновиться уже существующими крупными проектами. Ключевой ориентир — дизайн официального сайта Президента России kremlin.ru. В этом посте разберу, чем мой GitHub‑сайт похож на государственный портал, хотя выполняет совсем другую задачу.

Что я вообще хотел

Цель была простая:

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

Сайт президента идеален для этой задачи: минималистичный интерфейс, аккуратная типографика, чёткая иерархия заголовков и ссылок. Мне не нужно копировать контент‑стратегию Кремля, но форм‑фактор и базовые принципы UX мне очень близки.

Сходства в дизайне

1. Минимализм и чистые страницы

На kremlin.ru нет лишних анимаций, всплывающих поп‑апов и бесконечных блоков «нам посоветовали». Я сделал тоже самое:

на главной странице fedoseevsm.github.io только список статей и краткий заголовок;
без карусели, без рекламы, без кнопок «поддержать» на первом экране.

Это создаёт ощущение «спокойного рабочего ресурса, напоминающего книгу» вместо «маркетингового блога».

2. Типографика и чтение

На kremlin.ru давно работают с типографикой, делают акценты через размеры шрифтов, цвета и отступы, но без лишней декорации. У меня:

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

Это не тот же шрифт, но стратегия — близкая: чем меньше элементов, тем удобнее читать.

3. Структура и фокус на контенте

На kremlin.ru рубрики сверху и в сайдбарах остаются вторичными по отношению к основному тексту новости.

У меня:

шапка с названием блога и кратким описанием;
далее — только список статей;
в самом верху ещё есть блок категорий, который можно воспринимать как аналог рубрик или «тематических разделов».

Главная мысль: не перегружать пользователя ссылками, а давать ему сразу то, зачем он пришёл — текст.

4. Отсутствие метрик и трекинга

На kremlin.ru тоже нет «лайков» и «просмотров» в каждом блоке. В моём блоге:

я сознательно не включаю лайки, комментарии, счётчики просмотров;
это ЛИЧНЫЙ дневник, а не механика алгоритмов.

Это не «дизайн‑элемент», а философия оформления: если ты не показываешь статус‑метрики, интерфейс автоматически становится проще и спокойнее.

5. Свободный брендинг, но без шума

На kremlin.ru цветовая гамма спокойная, акценты делаются через жирность на синий цвет, размер и отступы, а не через яркие кнопки‑огоньки.

В fedoseevsm.github.io:

палитра минимальна (по умолчанию — тема Hugo Stack, без лишних «блоков в цветах»);
я не добавлял кастомные кнопки, только обычные ссылки;
даже категории выглядят как простые текстовые блоки, а не как дизайн‑эксперимент.

В итоге получается «официальный вид», но для личного блога, а не для госпортала.

Чем мы всё‑таки отличаемся

Стоит отметить различия:

kremlin.ru — это информационный портал, с лентами новостей, архивами, подборками, видео и сайдбарами по темам.
fedoseevsm.github.io — это личный блог, без админки, без сложной фильтрации, без детального поиска по параметрам.

То есть я перенял:

подход к читабельности,
минималистичную структуру,
отказ от «мусорного» интерфейса, но оставил формат максимально простым с точки зрения развёртывания — GitHub Pages + Hugo.

За что мне нравится такой подход

Когда ты видишь, что даже государственный портал может выглядеть как аккуратный документ, а не как «крампус‑интерфейс худшего телеканала», это вдохновляет.
Поэтому я сделал fedoseevsm.github.io максимально по президентски:

без лишнего шума,
с приоритетом на текст,
без трекинга,
с простой навигацией.

Если тебе нужно быстро запустить читабельный блог без «декоративных фокусов» — Hugo + дизайн в духе kremlin.ru — отличный старт.

Такой блог только у президента и меня.

Как запустить свой блог по аналогии

Этот дизайн — не «одноразовый эксперимент», а готовый шаблон для персонального блога.

Я сделал его так, чтобы:

можно было просто скопировать проект с github.com/fedoseevsm/fedoseevsm.github.io;
заменить config.toml под своё имя и описание;
начать писать посты в Markdown — без лишних настроек.

Никакой сложной инфраструктуры, никаких серверов — только GitHub Pages + Hugo, который развёртывается за пару минут.

Структура записей и скорость

Всё хранится максимально просто:

записи хранятся в виде Markdown‑файлов в одной папке (content/post/ или аналогичной);
каждый пост — это обычный файл .md с заголовком, датой и текстом;
при сборке Hugo превращает это в статические HTML‑страницы, которые отдаёт GitHub.

Благодаря этому:

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

Всегда стоит и работает

Сайт живёт на GitHub Pages, поэтому:

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

С точки зрения пользовательского опыта он близок к тому, как работает kremlin.ru:

ты переходишь по ссылке — и сразу видишь текст;
нет «технических сбоев» из‑за личного сервера;
блог живёт независимо от того, выключил ли ты компьютер или нет.

Чем это удобно для тебя

Если хочешь запустить свой личный блог без лишних телодвижений:

можешь взять за основу именно fedoseevsm.github.io;
скопировать репозиторий на GitHub;
поменять config.toml, логотип и первые посты;
начать писать заметки в Markdown.

В итоге у тебя будет:

простой, читабельный блог,
скорость загрузки меньше секунды,
и надёжность, близкая к государственному порталу.

Такой блог, как у президента и у меня — уже готов, его нужно только немного под себя настроить.

UI on Семён Федосеев