--- title: 'Фирменный стиль' url: 'https://redesign-ss.com/ru/brand' markdown: 'https://redesign-ss.com/ru/brand.md' lang: ru date: '2026-09-21' description: 'Знак — буква R, собранная из трёх простейших фигур: прямоугольной стойки, чаши-полудиска и ноги-клина. Это рабочий метод студии, показанный буквально: любой продукт мы собираем из понятных типовых частей — и они складываются в цельную вещь. Детали не слиты в одну букву, между ними оставлены штанцев…' --- 06 · Фирменный стиль # Фирменный стиль Айдентика студии построена вокруг одного знака-конструктора и пары цветов. Ниже — правила, по которым мы собираем сайт, презентации и документы. Логотип ## Идея знака Знак — буква R, собранная из трёх простейших фигур: прямоугольной стойки, чаши-полудиска и ноги-клина. Это рабочий метод студии, показанный буквально: любой продукт мы собираем из понятных типовых частей — и они складываются в цельную вещь. Детали не слиты в одну букву, между ними оставлены штанцевые зазоры, как в трафарете. Знак выглядит разобранным и собранным одновременно — редизайн и есть пересборка: разъединить, понять, соединить заново. Нога-клин — единственная цветная деталь. Она даёт знаку направление: упирается в базовую линию и толкает букву вперёд. В одноцветных носителях клин красится вместе со всеми, и знак ничего не теряет. Стойка и чаша берут цвет текста автоматически, поэтому один и тот же знак работает на тёмном, светлом и на фото. Он остаётся читаемым от вывески до фавикона: на мелких размерах массивные заливки держатся там, где тонкие линии рассыпаются. Построение ## Как собран знак Три детали, одна логика: высота буквы 36 модулей, стойка шириной 10,5, чаша — полудиск радиусом 10,5, зазор между деталями — 4 модуля. - **Примитивы.** Прямоугольник, полукруг и клин — базовые фигуры любого макета. Ничего декоративного: знак можно построить в любом редакторе за минуту. - **Штанцевые зазоры.** Между деталями ровно 4 модуля. Зазоры не сужаются и не заливаются: просвет — часть формы, именно он делает букву «конструктором». - **Клин.** Единственная фирменно-цветная деталь. Стоит на одной базовой линии со стойкой и выходит правее чаши — буква получает опору и ход вперёд. - **Окружность чаши.** Чаша — ровно половина круга радиусом с ширину стойки. Верх чаши лежит на линии верха стойки, ничего не выступает за габарит буквы. Версии ## Версии Логотип — знак плюс шрифтовая часть в кривых: он выглядит одинаково в любой операционной системе и не зависит от того, какие шрифты установлены у зрителя. Стойка и чаша наследуют цвет текста, клин задаётся переменной. основной · на тёмном на светлом фоне одноцветный знак отдельно иконка · фавикон, аватарки на фото · одним цветом [ Логотип, SVG ](https://redesign-ss.com/user/themes/redesign/images/logo.svg) [ Для светлого фона, SVG ](https://redesign-ss.com/user/themes/redesign/images/logo-light.svg) [ Одноцветный, SVG ](https://redesign-ss.com/user/themes/redesign/images/logo-mono.svg) [ Знак, SVG ](https://redesign-ss.com/user/themes/redesign/images/logo-mark.svg) [ Иконка-плитка, SVG ](https://redesign-ss.com/user/themes/redesign/images/logo-icon.svg) [ Фавикон, SVG ](https://redesign-ss.com/user/themes/redesign/images/favicon.svg) Как правильно ✓Держите охранное поле не меньше ширины стойки с каждой стороны ✓Минимальная высота знака — 20 px в цифре и 6 мм в печати ✓На пёстром фоне ставьте знак на плитку или используйте одноцветную версию ✓Для фавикона и аватарок берите готовую плитку — не собирайте свою Так не делаем ✕Не сдвигайте и не поворачивайте детали — сборка фиксированная ✕Не заливайте зазоры и не обводите детали контуром ✕Не красьте цветом ничего, кроме клина ✕Не набирайте шрифтовую часть заново — она существует только в кривых Цвет ## Палитра Один фирменный цвет и два служебных статуса. Акцент занимает не больше десятой части площади экрана — остальное держит тёмная база. Градиентов в системе нет: только плоские заливки, как в знаке. Акцентные Violet \#7C5CFF Клин знака, кнопки, акценты и примитивы Violet Text \#A48BFF Ссылки и акцентные цифры на тёмном Mint \#34E2A8 Успех, статусы, положительная динамика Amber \#FFC46B Предупреждения и пометки Нейтральные Ink 900 \#14161C Фон страницы Ink 800 \#1A1D25 Плашки и секции Line \#2E3035 Границы и разделители Text dim \#B4BBC7 Основной текст абзацев Text \#F2F4F8 Заголовки и акцентный текст ### Примитивы как орнамент Квадрат, полудиск и клин — детали знака — работают и как графический ряд: маркеры списков, буллиты статистики, разделители в ленте клиентов, иллюстрации интерфейсов. Порядок всегда одинаковый — квадрат, полудиск, клин — и цвет один, фирменный фиолетовый. `квадрат → полудиск → клин · шаг 1.25rem · #7C5CFF` Шрифт ## Типографика Две гарнитуры, обе вшиты в тему и не зависят от системы зрителя. Manrope — весь набор, от заголовков до подписей: геометрический гротеск с плоскими срезами, рифмующимися со штанцевыми зазорами знака. JetBrains Mono — служебные подписи, надзаголовки и технические метки. Обе с полной кириллицей, лицензия OFL. Display / Manrope 800 / −2.2% 2.5–4.2rem Сайт за неделю, а не за квартал H2 / Manrope 800 / −2.2% 1.95–2.9rem Понятные цены и сроки H3 / Manrope 700 / −1.5% 1.12–1.3rem Лендинг под ключ за неделю Body / Manrope 400 / −0.4% 1.0425rem Основной текст: спокойный, без давления, с длиной строки до 70 знаков. Mono / JetBrains Mono 500 / +16% 0.72rem СЛУЖЕБНАЯ ПОДПИСЬ · 04 Интерфейс ## Элементы интерфейса Радиусы 6 / 10 / 14 / 18 px — прямоугольные, как стойка знака. Полное скругление живёт только в «чаше»: асимметричных контейнерах иконок и аватаров. Обводка 1 px белого с прозрачностью 8%, тени — только мягкий подъём на ховере. Кнопки [Основная](#ui) [Вторичная](#ui) [Мелкая](#ui) Метки и статусы акцент успех внимание нейтральная пилюля Радиусы 6 10 14 чаша Поля ввода Имя Сообщение Числа +38% крупные числа — белые, жирные, с примитивом-буллитом Слова ## Тон коммуникации ### Говорим по делу Короткие предложения, конкретные числа, никакого «инновационного синергетического подхода». ### Честно про ограничения Если задача не помещается в бюджет — пишем об этом сразу, а не в середине работы. ### На равных Обращаемся на «вы» без заискивания. Клиент — коллега, а не «дорогой партнёр». Следующий шаг ## Нужен такой же порядок в вашем бренде? Собираем дизайн-системы и гайдлайны: токены, компоненты, документация и шаблоны для команды. [ Обсудить дизайн-систему ](https://redesign-ss.com/ru/contact) [Смотреть цены](https://redesign-ss.com/ru/pricing) --- ## Navigation - Previous: [О компании](https://redesign-ss.com/ru/about.md) - Next: [Контакты](https://redesign-ss.com/ru/contact.md)