--- title: Оформление статус-страницы под бренд клиента description: Редактор палитры и сохранённые палитры Pingvera — настройте статус-страницу под цвета клиента один раз, сохраните под именем — и прокатите на все его сайты в один клик. source: https://pingvera.ru/blog/oformlenie-status-stranicy-pod-brend.html --- # Оформление статус-страницы под бренд клиента Статус-страница клиента должна выглядеть так, будто её сделала _его_ команда, а не выглядеть как чужой сервис с логотипом вашей студии в углу. Это не косметика — это доверие: клиент открывает status.его-домен.ру и видит продолжение своего сайта, а не напоминание, что «это подрядчик поставил свою штуку». В Pingvera для этого есть редактор палитры и сохранённые палитры уровня студии — настроил один раз, прокатил на все его страницы. Брендинг статус-страницы и так не сводится к цвету: логотип клиента, свой домен по CNAME с автоматическим TLS, свой текст в шапке и подвале, подписки клиентов на события в Telegram и email. Но именно цвет решает, узнаёт ли клиент страницу «своей» с первого взгляда — до того, как прочитает хоть одно слово. Поэтому редактор палитры стоит разобрать отдельно. ## Редактор палитры: не один цвет, а вся система Раньше на статус-странице можно было задать один акцентный цвет поверх готового шаблона. Этого мало: у клиента может быть тёплый бежевый фон и тёмно-зелёный текст, и один акцент этого не передаст. Поэтому в Pingvera редактор палитры — Theme Builder — управляет отдельными цветовыми слотами, сгруппированными так же, как обычно думает дизайнер: - **База** — фон, карточки, текст, приглушённый текст, граница; - **Статусы** — цвет «работает», «замедление», «сбой», «обслуживание»; - **Акцент** — акцентный цвет ссылок и активных элементов. Каждый слот — отдельный цветовой пикер, крупное живое превью статус-страницы обновляется на лету при каждом изменении: видно сразу, как будет выглядеть карточка сайта, зелёная и красная полоски аптайма, текст в шапке — без сохранения и перезагрузки, чтобы проверить результат. ## Четыре готовые темы как стартовая точка Настраивать десять цветов с нуля каждый раз не нужно. В редакторе есть четыре встроенные темы — Бумага, Светлая, Тёмная, Полночь — каждая уже задаёт согласованный набор фона, карточек, текста и границы. Берёте ближайшую по духу к бренду клиента (тёплую бумажную, чистую светлую, тёмную или глубокую полночную) и донастраиваете поверх неё только то, что должно совпасть с его цветами — например, акцент и цвета статусов. Это быстрее, чем красить всё с чистого листа, и сразу даёт согласованный результат, а не разрозненные цвета, которые плохо читаются вместе. ## Палитра — на каждую статус-страницу отдельно Важная деталь: палитра привязана к конкретной статус-странице, а не к аккаунту студии целиком. У клиента А может быть его синяя гамма, у клиента Б — зелёная, и настройка одной страницы никак не трогает другую. Для студии с одним клиентом на страницу это ровно то, что нужно: каждый бренд выглядит собой. ## «Сохранить палитру как…» и «Мои палитры» Вопрос возникает, когда у одного клиента несколько сайтов — и, соответственно, несколько статус-страниц, которые должны выглядеть одинаково. Настраивать одну и ту же палитру заново на каждой — трата времени и риск разъехаться в оттенках. Для этого в редакторе есть кнопка «Сохранить палитру как…»: даёте набору цветов имя, например «Клиент Acme», и он появляется в списке «Мои палитры» — это сохранённые палитры уровня организации, доступные на любой статус-странице студии. Дальше workflow простой: открываете вторую статус-страницу того же клиента, находите «Клиент Acme» в «Моих палитрах», применяете в один клик — и оба сайта выглядят как один бренд, без повторного подбора десяти цветов. То же самое пригождается, когда студия хочет единый фирменный стиль для всех своих статус-страниц вообще, независимо от клиента: одна сохранённая палитра студии, применённая везде. ## Почему это не мелочь для агентства У студии на поддержке десятков сайтов оформление статус-страницы решает сразу три практические задачи. Во-первых, white-label: клиент видит свой бренд, а не стороннее название сервиса мониторинга — это часть того, за что он платит абонентку (подробнее о том, зачем бизнесу вообще нужна страница статуса, а не просто «у нас всё работает» на словах, — в статье [«Зачем бизнесу статус-пейдж»](https://pingvera.ru/blog/zachem-biznesu-status-page.html)). Во-вторых, экономия времени: без сохранённых палитр каждая новая статус-страница — это заново подбирать пять-десять цветов на глаз, сверяясь с брендбуком клиента; с сохранённой палитрой — один клик. В-третьих, единообразие: если у клиента три сайта и три статус-страницы, они не должны выглядеть так, будто их делали разные люди в разное время. Разница с типичным подходом других сервисов мониторинга не только в наборе слотов, а в том, где это происходит. Там, где кастомная тема статус-страницы делается через правку кода и пул-реквест в открытый репозиторий — то есть недоступна человеку без разработчика под рукой, — в Pingvera палитра настраивается прямо в дашборде: цветовые пикеры, живое превью, сохранение под именем. Не нужен git, не нужен деплой, не нужно ждать разработчика — оформление под клиента занимает пару минут между звонками. ## Как это выглядит на практике Заходите в настройки статус-страницы клиента, открываете «Оформление», выбираете ближайшую встроенную тему как основу, точечно подстраиваете акцент и, если нужно, цвета статусов под фирменные тона клиента — смотрите на живое превью, пока не совпадёт. Если у клиента ещё сайты — сохраняете результат как «Клиент [имя]» и на следующей статус-странице применяете эту палитру одним кликом вместо повторной настройки. Добавляете логотип клиента, при желании — свой домен status.клиент.ру с автоматическим TLS, и страница перестаёт быть «страницей от Pingvera» — она становится частью сайта клиента. ## Главное Статус-страница — витрина того, что вы мониторите за клиента, и она должна выглядеть как его собственность, а не как чужой виджет. Редактор палитры даёт для этого полный набор слотов — базу, статусы, акцент — и живое превью, чтобы не гадать. А сохранённые палитры превращают разовую настройку в актив студии: один раз подобрали бренд клиента, применили на всех его страницах, и в следующий раз, когда появится новый сайт, — применили снова в один клик. ## Частые вопросы **Палитра одна на все статус-страницы или на каждую своя?** Палитра сохраняется индивидуально на каждую статус-страницу — у клиента А могут быть его синие тона, у клиента Б свои. При этом сохранённые палитры уровня организации («Мои палитры») позволяют переиспользовать один и тот же набор цветов между разными статус-страницами в один клик. **Можно ли переиспользовать оформление клиента на его других страницах?** Да. Настроенную палитру можно сохранить под именем через «Сохранить палитру как…» и потом применить на любой другой статус-странице той же студии из списка «Мои палитры» — без повторной настройки каждого цвета вручную. **Чем это отличается от простого выбора одного акцентного цвета?** Редактор Pingvera управляет отдельными слотами: фон, карточки, текст, приглушённый текст, граница, цвета статусов (работает/замедление/сбой/обслуживание) и акцент — это целая система оформления, а не один цвет поверх шаблона. Плюс 4 встроенные темы как стартовая точка и живое превью на лету.