Оформление статус-страницы под бренд клиента

21 июля 2026 · 7 мин чтения

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

Брендинг статус-страницы и так не сводится к цвету: логотип клиента, свой домен по CNAME с автоматическим TLS, свой текст в шапке и подвале, подписки клиентов на события в Telegram и email. Но именно цвет решает, узнаёт ли клиент страницу «своей» с первого взгляда — до того, как прочитает хоть одно слово. Поэтому редактор палитры стоит разобрать отдельно.

Редактор палитры: не один цвет, а вся система

Раньше на статус-странице можно было задать один акцентный цвет поверх готового шаблона. Этого мало: у клиента может быть тёплый бежевый фон и тёмно-зелёный текст, и один акцент этого не передаст. Поэтому в Pingvera редактор палитры — Theme Builder — управляет отдельными цветовыми слотами, сгруппированными так же, как обычно думает дизайнер:

• База — фон, карточки, текст, приглушённый текст, граница;
• Статусы — цвет «работает», «замедление», «сбой», «обслуживание»;
• Акцент — акцентный цвет ссылок и активных элементов.

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

Четыре готовые темы как стартовая точка

Настраивать десять цветов с нуля каждый раз не нужно. В редакторе есть четыре встроенные темы — Бумага, Светлая, Тёмная, Полночь — каждая уже задаёт согласованный набор фона, карточек, текста и границы. Берёте ближайшую по духу к бренду клиента (тёплую бумажную, чистую светлую, тёмную или глубокую полночную) и донастраиваете поверх неё только то, что должно совпасть с его цветами — например, акцент и цвета статусов. Это быстрее, чем красить всё с чистого листа, и сразу даёт согласованный результат, а не разрозненные цвета, которые плохо читаются вместе.

Палитра — на каждую статус-страницу отдельно

Важная деталь: палитра привязана к конкретной статус-странице, а не к аккаунту студии целиком. У клиента А может быть его синяя гамма, у клиента Б — зелёная, и настройка одной страницы никак не трогает другую. Для студии с одним клиентом на страницу это ровно то, что нужно: каждый бренд выглядит собой.

«Сохранить палитру как…» и «Мои палитры»

Вопрос возникает, когда у одного клиента несколько сайтов — и, соответственно, несколько статус-страниц, которые должны выглядеть одинаково. Настраивать одну и ту же палитру заново на каждой — трата времени и риск разъехаться в оттенках. Для этого в редакторе есть кнопка «Сохранить палитру как…»: даёте набору цветов имя, например «Клиент Acme», и он появляется в списке «Мои палитры» — это сохранённые палитры уровня организации, доступные на любой статус-странице студии.

Дальше workflow простой: открываете вторую статус-страницу того же клиента, находите «Клиент Acme» в «Моих палитрах», применяете в один клик — и оба сайта выглядят как один бренд, без повторного подбора десяти цветов. То же самое пригождается, когда студия хочет единый фирменный стиль для всех своих статус-страниц вообще, независимо от клиента: одна сохранённая палитра студии, применённая везде.

Почему это не мелочь для агентства

У студии на поддержке десятков сайтов оформление статус-страницы решает сразу три практические задачи. Во-первых, white-label: клиент видит свой бренд, а не стороннее название сервиса мониторинга — это часть того, за что он платит абонентку (подробнее о том, зачем бизнесу вообще нужна страница статуса, а не просто «у нас всё работает» на словах, — в статье «Зачем бизнесу статус-пейдж»). Во-вторых, экономия времени: без сохранённых палитр каждая новая статус-страница — это заново подбирать пять-десять цветов на глаз, сверяясь с брендбуком клиента; с сохранённой палитрой — один клик. В-третьих, единообразие: если у клиента три сайта и три статус-страницы, они не должны выглядеть так, будто их делали разные люди в разное время.

Разница с типичным подходом других сервисов мониторинга не только в наборе слотов, а в том, где это происходит. Там, где кастомная тема статус-страницы делается через правку кода и пул-реквест в открытый репозиторий — то есть недоступна человеку без разработчика под рукой, — в Pingvera палитра настраивается прямо в дашборде: цветовые пикеры, живое превью, сохранение под именем. Не нужен git, не нужен деплой, не нужно ждать разработчика — оформление под клиента занимает пару минут между звонками.

Как это выглядит на практике

Заходите в настройки статус-страницы клиента, открываете «Оформление», выбираете ближайшую встроенную тему как основу, точечно подстраиваете акцент и, если нужно, цвета статусов под фирменные тона клиента — смотрите на живое превью, пока не совпадёт. Если у клиента ещё сайты — сохраняете результат как «Клиент [имя]» и на следующей статус-странице применяете эту палитру одним кликом вместо повторной настройки. Добавляете логотип клиента, при желании — свой домен status.клиент.ру с автоматическим TLS, и страница перестаёт быть «страницей от Pingvera» — она становится частью сайта клиента.

Главное

Статус-страница — витрина того, что вы мониторите за клиента, и она должна выглядеть как его собственность, а не как чужой виджет. Редактор палитры даёт для этого полный набор слотов — базу, статусы, акцент — и живое превью, чтобы не гадать. А сохранённые палитры превращают разовую настройку в актив студии: один раз подобрали бренд клиента, применили на всех его страницах, и в следующий раз, когда появится новый сайт, — применили снова в один клик.

Частые вопросы

Палитра одна на все статус-страницы или на каждую своя?

Палитра сохраняется индивидуально на каждую статус-страницу — у клиента А могут быть его синие тона, у клиента Б свои. При этом сохранённые палитры уровня организации («Мои палитры») позволяют переиспользовать один и тот же набор цветов между разными статус-страницами в один клик.

Можно ли переиспользовать оформление клиента на его других страницах?

Да. Настроенную палитру можно сохранить под именем через «Сохранить палитру как…» и потом применить на любой другой статус-странице той же студии из списка «Мои палитры» — без повторной настройки каждого цвета вручную.

Чем это отличается от простого выбора одного акцентного цвета?

Редактор Pingvera управляет отдельными слотами: фон, карточки, текст, приглушённый текст, граница, цвета статусов (работает/замедление/сбой/обслуживание) и акцент — это целая система оформления, а не один цвет поверх шаблона. Плюс 4 встроенные темы как стартовая точка и живое превью на лету.

Читайте также: Статус-страница для клиентов: на своём домене, с паролем и подпиской и Статус-страница — это про доверие, а не про аптайм.