Premium Brand Book / v1.0

Berry CMS — чистая, элегантная и запоминающаяся айдентика.

Визуальная система для современного CMS: простая, быстрая, премиальная и легко узнаваемая. В основе используются уже созданные официальный логотип и иконка, без приблизительной перерисовки в CSS или SVG.

Смотреть логотип Открыть UI Kit

Official identity

v1.0

Premium чистый стиль

CMS готово для продукта

Berry узнаваемый знак

Базовый набор бренда Логотип, иконка и форматы для сайта

PNG SVG WEBP

01 / Logo system

Официальный логотип и иконка

Полный логотип — основной фирменный знак Berry CMS. Иконка berry используется отдельно только в компактных местах: favicon, app icon, аватар, меню админ-панели или продуктовый бейдж.

Защитное поле

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

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

Полный логотип: минимум 140 px по ширине. Иконка: минимум 28 px для favicon и 40 px в интерфейсе.

Расширенная палитра

Цветовая система Berry CMS стала богаче и гибче: яркие оттенки остаются для логотипа и CTA, а мягкие светлые тона помогают создавать чистые фоны, бейджи, hover-состояния и аккуратные UI-блоки.

Berry / фирменный акцент

Основная линейка бренда: от почти белого berry-фона до глубокого premium-оттенка для градиентов и hover-состояний.

Berry 025#FFF8FA

Berry 050#FFF1F5

Berry 100#FFE4EC

Berry 200#FFC7D6

Berry 500#F00646

Berry 700#C9043A

Berry 025–100Фоны, активные пункты меню, бейджи, мягкие highlight-зоны.

Berry 500Логотип, главные кнопки, важные CTA и ключевые акценты.

Berry 700–900Hover, градиенты, темные акценты и контрастные элементы.

Leaf / свежесть и подтверждение

Зеленая линейка поддерживает символ листка, позитивные состояния, успешные действия и спокойные подтверждения в интерфейсе.

Leaf 025#F8FFF7

Leaf 050#EFFBEF

Leaf 100#DCF8D9

Leaf 200#BDF0B7

Leaf 500#42A934

Leaf 700#2F8F2B

Leaf 025–100Мягкие success-фоны, подсказки и спокойные информационные зоны.

Leaf 500Фирменный листок, подтверждения и позитивные акценты.

Leaf 700–900Иконки success, hover-состояния и усиленный контраст.

Ink & Neutral / структура интерфейса

Нейтральная линейка нужна для премиальной типографики, тонких границ, фонов карточек и спокойной визуальной иерархии.

Paper#FFFFFF

Soft#F7F9FC

Line#E8ECF2

Muted#68758A

Graphite#24313F

Premium Ink#18212B

Paper / SoftОсновные фоны, карточки, большие светлые поверхности.

Line / MutedГраницы, вторичный текст, описания и мета-информация.

Graphite / InkЗаголовки, основной текст, footer и темные premium-блоки.

Berry Gradient

Для главных CTA, hero-акцентов и специальных брендовых бейджей.

#F00646 → #9F1239

Leaf Gradient

Для подтверждений, успешных действий и позитивных состояний интерфейса.

#42A934 → #2F8F2B

Ink Gradient

Для footer, премиальных карточек, контраста и презентационных экранов.

#263343 → #121922

03 / Typography

Шрифты и визуальный ритм

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

Plus Jakarta Sans

Instrument Serif

Текст должен быть воздушным, без чрезмерно сжатых букв. Для крупных заголовков используй letter-spacing от -0.010em до -0.026em. Агрессивную компрессию лучше избегать.

Hero Title800 / -0.026em / 0.95

Section Title800 / -0.022em / 1.00

Card Title800 / -0.008em / 1.2

Body Text500 / 0em / 1.75–1.9

Buttons800 / -0.004em

Labels800 / 0.12em uppercase

04 / Brand voice

Тексты и сообщение бренда

Berry CMS должен говорить просто, уверенно и элегантно. Без громких обещаний, без сложного жаргона и без перегруженных фраз. Тон — премиальный, теплый и понятный.

Homepage headline

Элегантное управление для современных сайтов.

Berry CMS предлагает чистое и быстрое пространство для публикации, организации медиа, файлов и полного управления сайтом.

Dashboard intro

Добро пожаловать обратно в Berry CMS.

Управляй страницами, статьями, галереями и настройками в понятной, красивой и профессиональной админ-панели.

Слоган EN

Sweet control for modern websites.

Слоган RU

Элегантное управление для сильных сайтов.

Microcopy

Публикуй быстрее. Организуй лучше. Управляй красиво.

Говорим:«Публикуй быстрее и сохраняй весь контент в идеальном порядке.»

Не говорим:«Самая революционная CMS в мире с бесконечными функциями и технологиями будущего.»

Принцип:Сообщение Berry CMS должно быть коротким, понятным, уверенным и визуально легким для чтения.

05 / UI Kit

Применение в интерфейсе

Интерфейс Berry CMS должен быть светлым, премиальным и практичным. Используй воздушные карточки, понятные кнопки, скругленные меню и berry-акцент только для действительно важных действий.

Berry CMS

Control Center

Добро пожаловать, Administrator

Публикуй быстрее, управляй контентом понятнее и держи каждую часть сайта в порядке из одной аккуратной панели управления.

128Опубликованных страниц

2.4kМедиафайлов

99%Состояние системы

Создать страницу Открыть медиа Настройки

Кнопки

Primary Secondary Dark

Поля формы

Название проекта

Статус

Бейджи

PremiumHealthyDraftMedia

06 / Do & Don’t

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

Последовательность бренда держится на простых правилах: используй официальные файлы, сохраняй пространство, не перегружай эффекты и не меняй произвольно шрифты или цвета.

✓

Используй официальный логотип.На сайте, в админ-панели и материалах используй официально экспортированные файлы, а не приблизительные реконструкции в CSS или SVG.

✓

Сохраняй визуальный воздух.Логотип, карточки и тексты должны дышать. Белое пространство — часть премиальной айдентики.

✓

Используй berry-акцент осознанно.Основной розовый цвет должен выделять действия, активное состояние или ключевые элементы, а не всю поверхность интерфейса.

Не сжимай буквы слишком сильно.Избегай агрессивного tracking. Премиальный вид появляется из баланса, а не из чрезмерной компрессии.

Не растягивай логотип.Масштабирование всегда должно быть пропорциональным. Нельзя менять форму иконки или соотношение wordmark.

Не добавляй тяжелые эффекты.Избегай толстых контуров, жестких теней, дешевого 3D, чрезмерного glow и перегруженных фонов.

07 / Assets