Каждый материал показан в двух вариантах: с fade-out на краях
(визуально тоньше по краям) и без fade-out (равномерная плотность). Слева — dark, справа — light.
Скажи букву(ы) — оставлю выбранные, остальные удалю.
1 px · #9AA0A4 → #2A2D31 (светлый стальной к тёмному)
B3 · Золото R→L
1 px · #B3995D → #D2B66D
C3 · Золото приглушённое R→L
1 px · #D2B66D · opacity 25% → 100%
Вертикальные hairlines
Из референсов: вертикали используются как
структурный каркас слайда (длинные линии по краям, как в Brava Ocean / One Residence)
или как декоративный угловой мотив (серия коротких линий, как в Titanium Residence).
DARK · #1D1C23
V3 · Угловой Gold
4×1 px · #D2B66D · 32/56/80/110 px · opacity 1→.4
V3s · Угловой Steel
4×1 px · #C5C7C9 · 32/56/80/110 px · opacity 1→.4
V7 · Diagonal corners
2×1 px · 60% высоты · #D2B66D → transparent
V5 · Каркас Gold B→T
2×1 px · #D2B66D ↑ #B3995D · 84% высоты
V6 · Каркас Steel B→T
2×1 px · #FFFFFF ↑ #5E6469 · 84% высоты
V8 · Угловой (Titanium)
BR: 68+109 px (gap 18 px) · TR: 135 px напротив BR-long · #D2B66D → transparent (от угла)
LIGHT · #FFFFFF
V3 · Угловой Gold
4×1 px · #D2B66D · 32/56/80/110 px · opacity 1→.4
V3s · Угловой Steel
4×1 px · #5E6469 · 32/56/80/110 px · opacity 1→.4
V7 · Diagonal corners
2×1 px · 60% высоты · #D2B66D → transparent
V5 · Каркас Gold B→T
2×1 px · #D2B66D ↑ #B3995D · 84% высоты
V6 · Каркас Steel B→T
2×1 px · #2A2D31 ↑ #9AA0A4 · 84% высоты
V8 · Угловой (Titanium)
BR: 68+109 px (gap 18 px) · TR: 135 px напротив BR-long · #D2B66D → transparent (от угла)
05.2 · Frame system — 6 форм
Полная система рамок: Arch Up для главного фото,
Arch Down для текстовых блоков, Rect для универсальных фото,
Diagonal — квадрат с двумя противоположно закругленными углами (премиальный знак-акцент),
Soft Square — квадрат с мягким закруглением R=6 для нейтральных фото,
Round Square — квадрат с выраженным закруглением R=24 для overlay-вставок.
Везде одна и та же обводка: 2 px ring + gradient gold
(#B3995D → #D2B66D → #B3995D).
Область применения: только графматериалы постов и каруселей; на сайтах PGP рамки не используются.
Композиция из двух Diagonal-плиток внахлёст — отдельный паттерн, описан в разделе 7 «Применение».
A
Arch Up · 4:5
Главное фото объекта
B
Arch Down · 4:5
Текстовый блок / список / CTA
C
Rect · 4:5
Универсальная рамка для фото
D
Diagonal · 1:1
Премиальный знак-акцент
E
Soft Square · 1:1
Мягкое закругление, R=6
F
Round Square · 1:1
Выраженное закругление, R=24
Те же 6 форм — светлая тема
Карточки и preview-область на основном светлом фоне
#FFFFFF.
Обводка золотым градиентом — та же.
A · LIGHT
Arch Up · 4:5
Главное фото объекта
B · LIGHT
Arch Down · 4:5
Текстовый блок / список / CTA
C · LIGHT
Rect · 4:5
Универсальная рамка для фото
D · LIGHT
Diagonal · 1:1
Премиальный знак-акцент
E · LIGHT
Soft Square · 1:1
Мягкое закругление, R=6
F · LIGHT
Round Square · 1:1
Выраженное закругление, R=24
Правила системы
Единая спецификация, которой подчиняются все шесть форм.
Подрядчик использует это как чек-лист перед выпуском макета.
Использовать только в графматериалах постов и каруселей
Всегда одна и та же золотая обводка 2 px
Фото — заливка под обводку без рамки/отступа
В Arch Down — только текст или короткий список (5–7 строк)
Сочетать формы в сетке 2×2, 3×1 или композиции Diagonal+Diagonal
✗ Don't
Применять на сайтах / лендингах PGP
Менять цвет обводки на сплошной (синий / стальной)
Утолщать или истончать ring (только 2 px)
Добавлять тень, свечение, внутреннюю обводку
Вкладывать одну рамку в другую
Помещать текст ближе 16 px к кривой
Использовать на пёстром / неконтрастном фоне
Базовый пример применения
Как формы из системы собираются в один слайд: формат
Pinterest / Instagram portrait 3:4 (1080×1440), сетка 2×2.
Полная библиотека шаблонов под разные форматы — в отдельном разделе.
PRIMEGLOBALPROPERTY
SMARTINVESTREALESTATE
PATTAYATHAILAND
PRIMEGLOBALPROPERTY
PATTAYATHAILAND
PRIMEPROPERTY
PATTAYATHAILAND
Wyndham Grandдляжизнии инвестиций
Макет 01 · dark
PRIMEGLOBALPROPERTY
SMARTINVESTREALESTATE
PATTAYATHAILAND
PRIMEGLOBALPROPERTY
PATTAYATHAILAND
PRIMEPROPERTY
PATTAYATHAILAND
Wyndham Grandдляжизнии инвестиций
Макет 01 · light
Полная библиотека шаблонов (3:4, 9:16, 16:9, 1:1) — в отдельном разделе
«Применение и примеры».
Здесь — только базовый пример сборки 4 форм в один слайд.
