Brand Book / v1.0

Berry CMS — чистая, выразительная и запоминающаяся айдентика.

Berry — зарегистрированная марка
Berry CMS — лицензионное ПО, защищённое авторским правом.

Продуманная визуальная система для современного CMS: лёгкая, чистая, премиальная и узнаваемая с первого взгляда. Фирменный знак, чистая типографика и продуманные детали создают образ современного продукта, с которым приятно работать.

Посмотреть логотип Изучить UI Kit

01 / Logo system

Логотип и фирменная иконка

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

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

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

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

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

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

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

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

Основная фирменная линейка: от почти белого berry-фона до глубокого оттенка для градиентов, hover-состояний и выразительных акцентов.

Berry 025#FFF8FA

Berry 050#FFF1F5

Berry 100#FFE4EC

Berry 200#FFC7D6

Berry 500#F00646

Berry 700#C9043A

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

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Мягкие фоны успеха, подсказки и спокойные информационные зоны.

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

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

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

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

Paper#FFFFFF

Soft#F7F9FC

Line#E8ECF2

Muted#68758A

Graphite#24313F

Premium Ink#18212B

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

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

Graphite / InkЗаголовки, основной текст, подвал сайта и тёмные премиальные блоки.

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

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

Эти правила помогают сохранить Berry CMS узнаваемым, аккуратным и премиальным в любом контексте: от сайта и админ-панели до презентаций и рекламных материалов.

✓

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

✓

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

✓

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

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

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

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

07 / Assets