Поправки v0.17 → v0.18

✓ Градиенты — горизонтально: снова linear-gradient(to right, ...). Карточки чуть шире-ниже (5/4) чтобы переход хорошо читался.

✓ Лого только «иконка слева»: все 4 варианта — горизонтальные. Вертикальные с «иконка сверху» убрал.

✓ Лого на тёмном фоне: цветной знак (синий или золотой) + светлый wordmark. Из набора это Asset 15 в обоих папках Standart/Web и Gold/Web — именно те, про которые ты говорил.

01 · Палитра

Палитра PGP · три уровня

5 однотонных базовых, 3 металлических градиента (source-locked из AI-исходника лого), 2 карточки маркеров дельт (positive / negative) для финансовых индикаторов в Dark и Light темах.

Однотонные · 5 базовых

База тёмная Фон тёмной темы #1D1C23

Бронза Тёплый акцент #7E6A4B

Беж Тёплый нейтрал #C7BEB4

Слоновая кость Светлый нейтрал #F4EFE0

Чистый белый База светлой темы #FFFFFF

Градиенты · 3 металлических акцента

Золото Металл 1 · тепло #D2B66D #B3995D

Сталь Металл 2 · нейтрал #FFFFFF #C5C7C9

Синий Металл 3 · холод #4277BB #2361B0

Hex значения source-locked — извлечены напрямую из AI-исходника логотипа (Logo_PrimeProperty.ai + Лого_03.pdf). У золота, стали и синего по 2 стопа, как в файлах. Текст wordmark в исходнике — #231F20 (тёплый near-black, не чисто чёрный).

Маркеры дельт · positive / negative

+0.07% −0.07%

Маркеры · Dark + рост · − падение #8FBF6E #D9776B

+0.07% −0.07%

Маркеры · Light + рост · − падение #137333 #B91C1C

Маркеры для финансовых дельт, индексов рынка, изменения цены. На Dark — приглушённые пастельные оттенки, в тон бежу и бронзе (не выпрыгивают из брендовой палитры). На Light — насыщенные биржевые цвета (Bloomberg / Google Finance стиль) для читабельности на белом. Знак минуса — typographic − (U+2212), не дефис.

Свод ролей · когда какой цвет применять

Цвет

Где использовать

Когда / сценарии

Не

База тёмная#1D1C23

Фон Dark-темы

Все макеты в тёмной теме: посты, карусели, hero-блоки, lead-секции лендингов

Не как акцент-цвет

Чистый белый#FFFFFF

Фон Light-темы

Все макеты в светлой теме. Документы, сайты, печатные материалы

Не использовать ivory вместо белого для фона Light

Слоновая кость#F4EFE0

Основной текст на Dark

H1 / H2 / body / bullets / caption — всё, что текст, в тёмной теме

Не для основного фона Light

Тёплый чёрный#231F20

Основной текст на Light

H1 / H2 / body в светлой теме. Wordmark лого на светлом

Не использовать чистый #000

Бронза#7E6A4B

Тёплый акцент на Light

Tag / eyebrow / маркеры списков / иконки в светлой теме (там, где золото бы «размылось»)

Не как цвет body-текста

Беж#C7BEB4

Тёплый нейтрал

Подложки карточек, разделители, hairlines на светлом фоне. Disabled-состояния

Не для текста — слишком низкий контраст

Золото градиент#D2B66D → #B3995D

Декор: рамки, hairlines, bullets, CTA-обводка

Обводка рамок arch-system 2 px ring. Hairlines в постах. Bullets ◆. CTA-pill outline. Знак-иконка лого (Gold)

Никогда не как цвет текста. Только декоративные элементы

Сталь градиент#FFFFFF → #C5C7C9

Минорные металл-акценты

Вертикали V3s / V6 (steel hairlines), металл-эффекты в иконке лого, decorative

Не как текст, не как фон

Синий градиент#4277BB → #2361B0

Корпоративный знак (лого) + резерв под UI

Сейчас: логотип Standart (синий+стальной знак). В перспективе (раздел 6 «Компоненты») — возможный UI-цвет для кнопок и иконок интерфейса

Не как декоративный акцент в графматериалах постов/каруселей

Дельты · Dark#8FBF6E / #D9776B

Маркеры роста / падения (Dark)

JetBrains Mono числа в Data line: +0.07% / −0.07%

Не использовать как обычные UI-цвета (кнопки/иконки)

Дельты · Light#137333 / #B91C1C

Маркеры роста / падения (Light)

JetBrains Mono числа на белом фоне. Биржевые цвета, читаются на светлом

Не смешивать с Dark-дельтами в одном макете

Правила контраста · Dark ↔ Light

DARK · #1D1C23

Текст — ivory #F4EFE0. Акценты — золото в декоре (рамки, bullets, CTA-обводка). Дельты — #8FBF6E / #D9776B (приглушённые пастельные). Hairlines — золото с opacity или steel.

LIGHT · #FFFFFF

Текст — тёплый чёрный #231F20. Акценты — бронза #7E6A4B или золото (декор). Дельты — #137333 / #B91C1C (биржевые). Hairlines — затемнённая сталь или muted gold.

Dark и Light равнозначны. Один материал — два «прохода». Не маркировать одну тему как «вторичную». В рамках одного макета — одна тема целиком, не смешивать.

✗ Что нельзя

Золото — никогда не цвет текста. Только декоративные элементы: рамки, линии, bullets ◆, CTA-обводка, иконка лого
Синий в графматериалах постов/каруселей — не использовать (там только золото/сталь/нейтралы). В UI (кнопки, иконки интерфейса) — возможен, но решается в разделе 6 «Компоненты»
Чистый чёрный #000 — не использовать. Тёплый #231F20 вместо него
Чистый красный для negative-дельт — не использовать. На Light: #B91C1C; на Dark: #D9776B
Смешивать темы Dark/Light в одном макете — не делать. Один макет — одна тема
Бежевую/ivory как фон Light — не делать. Фон Light = чистый #FFFFFF

02 · Логотип PGP

Только горизонтальные «иконка слева»

4 ключевых варианта: 2 для светлого фона (тёмный wordmark) и 2 для тёмного (светлый wordmark + цветной знак). Знак в обоих случаях — синий+стальной (Standart) или золото+стальной (Gold).

Standart · Light bg Синий+стальной знак, тёмный wordmark «Prime Property» + Smart Invest Real Estate

Gold · Light bg Золотой+стальной знак, тёмный wordmark

Standart · Dark bg Синий+стальной знак, светлый wordmark — для тёмной темы

Gold · Dark bg Золотой+стальной знак, светлый wordmark — премиум на тёмной теме

02.5 · Охранное поле

02 · Логотип — охранное поле

Минимум воздуха вокруг логотипа со всех сторон — X, где X = высота заглавной буквы «P» из wordmark Prime Property (≈ половина высоты иконки). Это правило держит лого «дышащим» при любом масштабе.

02.5 · CLEARSPACE — ON LIGHT

X = высота буквы «P» из «Prime Property»

Между логотипом и любым другим элементом (текст, фото, край макета) — минимум 1×X с каждой стороны. В обложках и заглавных полосах — 2×X.

02.5 · CLEARSPACE — ON DARK

X = высота буквы «P» из «Prime Property»

Правило для подрядчиков: измерить букву «P» из wordmark в текущем размере лого. Эта высота — единица X. Никакой посторонний текст, фото или край макета не должны заходить ближе, чем на 1×X.

02.6 · Минимальный размер

02 · Логотип — минимальный размер

Ниже этих величин лого не использовать — wordmark становится нечитаемым, иконка теряет металлик и превращается в кашу. Меряем горизонтальный лого по ширине, иконку моно — по высоте.

02.6 · ГОРИЗОНТАЛЬНЫЙ ЛОГО

Иконка + Prime Property + Smart Invest…

≈ 5 mm

отображено в реальном минимальном размере: 120 px ширины

Ширина ≥ 25 мм в печати · ≥ 120 px на экране. Сценарии: визитка, шапка договора, footer сайта, подпись e‑mail, OG‑превью.

02.7 · ИКОНКА МОНО

Знак P‑P без wordmark

= 6 mm

отображено в реальном минимальном размере: 24 px высоты

Высота ≥ 6 мм в печати · ≥ 24 px на экране. Сценарии: favicon‑полоса, аватар Telegram/IG/WhatsApp, watermark на фото, иконка в навигации.

Если нужно меньше 24 px (например, favicon 16×16) — использовать упрощённый flat‑вариант знака без металлических градиентов (это отдельный sub‑asset, который добавим в раздел «Графические элементы»).

02.7 · Do / Don't

02 · Логотип — что можно и что нельзя

Лого работает только в утверждённых вариантах из карточек выше. Любая модификация — это нарушение фирменного стиля. Шесть самых частых ошибок ниже.

Используйте лого только из утверждённого набора ассетов (4 варианта: Standart/Gold × Light/Dark). Сохраняйте пропорции, цвета и охранное поле.

Не растягивать

Не менять пропорции — ни по горизонтали, ни по вертикали.

Не поворачивать

Лого живёт строго горизонтально. Никаких наклонов и углов.

Не перекрашивать

Цвета — только из утверждённой палитры (Standart или Gold).

Без эффектов

Никаких теней, обводок, свечений и градиентных подложек.

Не на пёстрый фон

Только спокойный фон в одном тоне — иначе лого теряется.

Соблюдать контраст

На светлом — тёмный wordmark, на тёмном — светлый. Не смешивать.

Если возникает соблазн «доработать» лого под конкретный носитель — значит, нужен дополнительный sub‑asset, а не модификация. Вернитесь в раздел «Логотип» и выберите подходящий готовый вариант.

03 · Типографика

Roboto — финальный выбор

Один шрифт, две темы. Bold = 600 (SemiBold), Regular = 400. Тело текста увеличено на +1px (lead 16, body/bullets 14, caption 12) — компенсирует меньший x-height Roboto. Mixed-weight pattern: жирные акценты внутри Regular-текста, без золотого. Data line — JetBrains Mono для метрик.

DarkRoboto · Bold 600 / Regular 400 Финальный выбор шрифта
Geometric · Neutral · Utility

PGP BRANDBOOK 01

Дом — не сделка

Это место, проект, актив в портфеле. Мы помогаем разобрать его на детали — расходы, окупаемость, стратегию выхода — и собрать обратно в осознанное решение.

Архитектура бренда

Prime Global Property — не риелтор, не агентство мечты, не инвест-калькулятор. Это проводник в осознанное владение.

Финансовые принципы

Авансовая модель выплат партнёрам
Фонд подушки в межсезонье
Юнит-экономика по каждой сделке

Смотреть подборку

CUB · Май 2026 · Pattaya · ฿ 2 755 / m²

Demo · Mixed Weights Pattern

Um Home Club para
viver seus melhores
momentos

Caps strip · tracked-out

LETÍCIAOLIVEIRA

PGP H1 · Roboto SemiBold

Не риелтор. Не агентство мечты.
Проводник в осознанное
владение.

Data line · JetBrains Mono

CUB / 2025 · ฿ 2 755 / m² · +0.07%

LightRoboto · Bold 600 / Regular 400 Финальный выбор шрифта
Geometric · Neutral · Utility

PGP BRANDBOOK 01

Дом — не сделка

Архитектура бренда

Финансовые принципы

Авансовая модель выплат партнёрам
Фонд подушки в межсезонье
Юнит-экономика по каждой сделке

Смотреть подборку

CUB · Май 2026 · Pattaya · ฿ 2 755 / m²

Demo · Mixed Weights Pattern

Um Home Club para
viver seus melhores
momentos

Caps strip · tracked-out

LETÍCIAOLIVEIRA

PGP H1 · Roboto SemiBold

Не риелтор. Не агентство мечты.
Проводник в осознанное
владение.

Data line · JetBrains Mono

CUB / 2025 · ฿ 2 755 / m² · −0.07%

Свод иерархии · какой элемент с какими параметрами

Элемент

Шрифт · Вес · Размер

Letter-spacing · Line-height

Когда / пример

Eyebrow

Roboto · 500 · 10–11 px
ALL CAPS

0.28–0.30em · 1.4

Над-заголовок секции / тегPGP BRANDBOOK 01

Roboto · 600 (SemiBold) · 30–38 px

−0.02em · 1.05

Главный заголовок макетаДом — не сделка

Roboto · 600 · 22 px

−0.01em · 1.2

Заголовок раздела / блокаАрхитектура бренда

Roboto · 600 · 15 px

−0.005em · 1.3

Заголовок карточки / подсекцииФинансовые принципы

Lead

Roboto · 400 · 16 px ★

0 · 1.6

Подзаголовок / интро-текст под H1. ★ Roboto-compensation (+1 px к дефолту 15)

Body

Roboto · 400 · 14 px ★

0 · 1.65

Основной текст. ★ +1 px к дефолту 13

Bullets

Roboto · 400 · 14 px
marker: ◆ золото

0 · 1.7

Список 3–7 коротких пунктов. Маркер ◆ — золотая ромбовидная точка

CTA

Roboto · 500 · 11 px
ALL CAPS · gold ring

0.18em · 1

Кнопка-pill с золотой обводкой. Только для финального действияСмотреть подборку

Caption

Roboto · 400 italic · 12 px ★

0.04em · 1.4

Подпись / мета-инфо под основным контентом. ★ +1 px к дефолту 11CUB · Май 2026 · Pattaya

Data line

JetBrains Mono · 400 · 11–14 px

0.02em · 1.4

Числа, метрики, цены, дельты. Только для табличного / числового контента฿ 2 755 / m² · +0.07%

Caps strip

Roboto · 500 · 10–14 px
ALL CAPS · tracked-out

0.32–0.34em · 1.4

Top-strip (раздел 5.1), бренд-плашки. Состоит из тег-блоков с inline-Bold-акцентомPRIMEGLOBALPROPERTY

Паттерны · как складывать вес и стиль

Mixed-weight

Bold (600) inline внутри Regular (400) текста — акцент через вес, не через цвет. Так выделяется ключевое слово или фраза, текст остаётся ivory/charcoal, золото не используется.

Дом — не сделка
Um Home Club para viver

Caps strip · tracked-out

ALL CAPS, letter-spacing 0.32–0.34em. Внутри строки — Bold-акцент только на ключевом слове тег-блока. 3–4 коротких слова max, не длинные фразы.

LETÍCIAOLIVEIRA

Roboto +1 px (★)

У Roboto x-height чуть меньше Inter — буквы кажутся мельче. Body/lead/bullets/caption — увеличены на +1 px относительно «стандартного» масштаба. Это компенсация, не отдельный масштаб.

Default
Lead 15 / body 13 PGP
Lead 16 / body 14

✗ Что нельзя

Золото — никогда не как цвет текста. Текст всегда ivory/charcoal; золото = только декор (рамки, bullets ◆, CTA-обводка, hairlines)
Не смешивать веса внутри одного слова (Bold + Regular в одном слове). Mixed-weight работает только пословно/пофразно
JetBrains Mono не для длинного текста. Только числа, метрики, дельты, короткие технические подписи
Caps strip не применять к фразам длиннее 3–4 коротких слов — текст перестаёт читаться
Чистый чёрный #000 для текста на Light — не использовать. Только тёплый #231F20
Не «прыгающий» line-height: body всегда 1.6–1.65, заголовки 1.05–1.3. Между этими диапазонами — ничего
Не использовать веса Roboto кроме 400 / 600. 300, 500, 700 — оставлены только для специальных случаев (top-strip, eyebrow используют 500)

Сверим — и идём дальше

PGP Mix v2 (Bricolage × Inter × Mono) — попадает в формулу «современно · лаконично · красиво · читаемо» без серифов?
Bricolage Grotesque в H1 — характер через геометрию, не через декоративные хвостики. Сильнее или слабее Inter SemiBold 600?
Если и этот не зашёл — назови, какой у тебя ассоциируется со «современно и красиво» (например, бренд X / шрифт Y), и я следующий микс соберу от твоей подсказки.

Когда сверим — собираю первый прототип HTML-страницы брендбука: лого + палитра + типографика в обеих темах на одной странице.