Brand GuidelinesDesign System →RU/ENv1.0 · 2026
PepperReputation

Логотип, цвета, типографика и графические элементы Pepper Reputation.

01

Основной логотип

Горизонтальная версия — используется по умолчанию: сайт, документы, презентации, подписи.

PepperReputation
02

Версии логотипа

Выбирайте версию по формату площадки. Пропорции и взаимное расположение элементов не меняются.

PepperReputation
ГоризонтальнаяОсновная
SVG ↓
PepperReputation
ДвухстрочнаяУзкие области, шапки
SVG ↓
PepperReputation
ВертикальнаяКвадратные форматы
SVG ↓
ЗнакАватары, favicon, иконки
SVG ↓
03

Цветовые версии

Цветная версия — приоритетная. Монохромные — для печати в один цвет, тиснения, гравировки и фонов, где зелёный теряется.

PepperReputation
ЦветнаяНа светлом фоне
PepperReputation
ИнверснаяНа тёмном фоне
PepperReputation
На фирменном зелёномЗнак инвертируется в белый
PepperReputation
Монохром чёрныйСтрелка — прозрачная
PepperReputation
Монохром белыйСтрелка — прозрачная
Знак на разных фонахЦветной, на зелёном, монохром
04

Охранное поле и минимальный размер

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

PepperReputation
x x x x
x = ½ высоты знака
PepperReputation
Логотип: 24 pxПечать: 8 мм по высоте
Знак: 16 pxПечать: 5 мм
05

Размеры

Знак и логотип в реальном масштабе. PNG знака — для favicon, иконок приложений и аватаров соцсетей.

16 px
24 px
32 px
48 px
64 px
96 px
128 px
24 px
PepperReputation
32 px
PepperReputation
48 px
PepperReputation
72 px
PepperReputation
Скачать знак PNG
06

Цвета

Основа — тёплый светлый фон и глубокий лесной зелёный. Фирменный зелёный — акцент: знак, кнопки, цифры результата. Не заливайте им большие площади.

Paper 50%
Stone 20%
Forest 18%
Основные
Pepper Green#51B37F · RGB 81 179 127Знак, кнопки, акцентные цифры
Forest#012813 · RGB 1 40 19Тёмные блоки: результат, CTA, финальный слайд
Ink#111219 · RGB 17 18 25Заголовки и основной текст
Paper#F8F7F4 · RGB 248 247 244Основной фон сайта и шапки слайдов
Дополнительные
Green Text#0E8A4D · RGB 14 138 77Зелёный текст на светлом: надзаголовки, ссылки
Mint#62C38C · RGB 98 195 140Подписи и надзаголовки на Forest
Stone#E4E3E0 · RGB 228 227 224Фон рабочей зоны слайда под карточками
Muted#6B6F7B · RGB 107 111 123Вторичный текст, подписи, источники
White#FFFFFF · RGB 255 255 255Карточки, поля форм
07

Типографика

Две гарнитурные пары: одна для сайта и интерфейсов, другая для презентаций и печати. Не смешивайте их в одном носителе. Надпись в логотипе всегда остаётся Plus Jakarta Sans — вставляйте логотип файлом, а не набирайте текстом.

Сайт и интерфейсыPlus Jakarta Sans · JetBrains Mono
The cost of poor reviews
Your reputation is your revenue pipeline

We work with companies on their online presence and turn reviews into a measurable part of growth.

H1Bold 700 · 42–61 px · −0.035em · 1.04
H2Bold 700 · 29–42 px · −0.03em · 1.08
КарточкаBold 700 · 15–16 px · −0.02em
ТекстRegular 400 · 16 px · 1.55
КнопкаSemiBold 600 · 14–15 px · −0.01em
НадзаголовокJetBrains Mono 500 · 11 px · caps · +0.1em
Презентации и печатьOswald · Jost
02 · The evidence
Companies that manage it well

Volume and a rating in the green zone. Invitations go out to every customer and every review gets an answer.

ЗаголовокOswald SemiBold 600 · 72–96 px*
ЦифраOswald SemiBold 600 · 64–120 px*
КарточкаOswald Medium 500 · 40–48 px*
ТекстJost Light 300 · 28–32 px* · 1.6
МеткаJost Regular 400 · 20 px* · caps · +0.2em
НадзаголовокOswald SemiBold 600 · 22 px* · caps · +0.14em · Green Text
* для слайда 1920×1080
08

Графические элементы

Небольшой набор повторяющихся приёмов. Без градиентов, теней и иллюстраций: строгие плашки, тонкие линии, много воздуха.

04 · The work
How we manage a profile
Надзаголовок с номером раздела«Номер · Раздел», капс, зелёный. Всегда над заголовком.
Car rental agency SIXT car rental USA 8,006 reviews
КарточкаБелая, скругление 8 px, на Stone. Обводка #E4E3DE — только на светлом фоне.
Result A higher overall rating. Top of the category in a chosen region.
Тёмный блок ForestДля итога, результата и призыва к действию. Метки — Mint, текст — белый.
—Connect and configure Trustpilot services.
—Remove fake reviews posted by competitors.
Список с тиреМаркер — зелёное длинное тире, без точек и иконок.
Duration3 months
ObjectiveRating in the green zone
Таблица «метка — значение»Тонкие разделители, метка капсом слева, значение — Oswald.
4·Pepper Reputation
Request your free audit →
Колонтитул и кнопкаНомер · Pepper Reputation внизу слайда. Кнопка — зелёная, скругление 8 px, стрелка «→».
09

Компоновка слайда

Слайд делится на две зоны: светлая шапка Paper с надзаголовком и заголовком и рабочая зона Stone или Forest. Поля — 7% ширины слайда, всё выравнивается по левому краю.

02 · The evidenceCompanies that manage it
Контентный слайдШапка Paper + зона Stone с карточками
05 · The next stepReady to get started?
Акцентный слайдШапка Paper + зона Forest: итоги, план, CTA
PepperReputation
Official Trustpilot partner
Let’s run the
first three months
One market, one pilot, a rating in the green zone.
Обложка и финалЛоготип слева сверху, крупный заголовок, нижняя зона Forest
10

Так нельзя

PepperReputation
✕ Не растягивать и не сжимать
PepperReputation
✕ Не менять цвета
PepperReputation
✕ Не поворачивать
PepperReputation
✕ Не ставить на неконтрастный фон