БРЕНДБУК · ЦВЕТОВАЯ СИСТЕМА

PRIDUMAY

Документ описывает цветовые решения студии: основную палитру, фоны, акценты, границы и правила использования. Все значения связаны с цветовыми токенами проекта.

Основная палитра

Purple

Основной акцент — кнопки, выделения, активные состояния.

rgb(89, 25, 193) · #5919C1

Black Background

Базовый фон страниц и крупных секций.

rgb(8, 8, 7) · #080807

Фоны

Black Element Background

Фон карточек и элементов поверх базового чёрного.

rgb(15, 15, 15) · #0F0F0F

Purple Background 1

Насыщенный фиолетовый фон для акцентных блоков.

rgb(65, 18, 140) · #41128C

Purple Element Background

Тёмно-фиолетовый фон карточек и элементов.

rgb(25, 11, 48) · #190B30

Purple Background 2

Вспомогательный глубокий фиолетовый для градиентов и слоёв.

rgb(25, 11, 48) · #190B30

Границы

Purple Border

Тонкая фиолетовая обводка акцентных карточек и элементов.

rgba(214, 189, 255, 0.25) · #D6BDFF40

Grey Border

Нейтральная обводка карточек и разделителей на чёрном фоне.

rgb(35, 35, 35) · #232323

Цвета текста

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

Заголовки и основной текст

rgb(255, 255, 255) · #FFFFFF

Вторичный текст

Подзаголовки, описания

rgba(255, 255, 255, 0.6) · #FFFFFF99

Приглушённый текст

Подписи, метаданные

rgb(133, 133, 133) · #858585

Правила использования

Чёрный — основа

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

Фиолетовый — акцент

Используйте Purple для ключевых действий: кнопок, выделений и активных состояний. Точечно, чтобы акцент сохранял силу.

Иерархия текста

Белый — для главного, белый 60% — для вторичного, серый — для подписей. Три уровня дают чистую читаемую иерархию на тёмном фоне.

Границы и слои

Серая обводка разделяет элементы на чёрном, фиолетовая — выделяет акцентные карточки. Глубина создаётся сменой фона, а не тенями.