О бренде
"Моё дело" — это экспертность и надёжность. Бренд создаёт для бизнеса ощущение устойчивости, лёгкости и внутреннего комфорта: сложные процессы остаются внутри системы, а пользователь соприкасается не с перегрузкой, а с состоянием, где всё собрано и организовано. Это состояние мы выражаем через цвет, свет и материалы — и через сами формы: пластику волны, потока и паруса, текучие линии и воздушные контуры, которые передают движение, дыхание и ощущение живой среды.
Бухгалтерия — это наше дело
Берём на себя учёт и отчётность. Объясняем просто. Работаем точно.
Ядро визуальной системы — солнце и тень. Солнце связано с фирменным оранжевым и становится источником тепла, энергии и притяжения; парная ему выразительная синяя тень отсылает к морской глубине и прохладе, создавая контраст, от которого мотив звучит глубже и атмосфернее.
Свет присутствует как мягкая живая среда — лучи, блики, рассеянное свечение и подсвеченные края. Он делает визуал воздушным и объёмным и показывает, что бренд не тяжёлый и не сухой, а современный и пластичный.
Живые градиенты — приём, который оживляет композицию на пересечении тёплого оранжевого и холодного синего. Он напоминает, что за технологичным сервисом стоят живые люди: оживляя солнечный свет и градиент, мы показываем человечность и клиентоориентированность бренда, не теряя ощущения передовой технологичности.
Визуальные приёмы
Цвет, логотип, шрифты, фотостиль, градиенты, 3D-стиль, 2D иллюстрации, маскоты, живой градиент
Требования ФНС не должны пугать
Решаем вопросы налоговой и берём бухгалтерию на себя
Всё, что нужно для бизнеса
Обновленный логотип
Обновили логотип, сделав буквы более мягкими и дружелюбными, чтобы визуально передать теплоту и открытость бренда. Логознак разработан в соответствии с концепцией бренда — это волна, символ спокойствия, надёжности и плавности процессов.
Основная версия логотипа и знак
Логотип — ключевой элемент идентичности бренда. Он построен из геометричных форм и имеет наклонные штрихи, которые придают форме динамику и ощущение движения. В композиции прослеживается чёткий визуальный ритм из кругов и вертикальных элементов.
Фирменный знак представляет собой абстрактную форму, символизирующую волну. Он передаёт ощущение спокойствия, надёжности и плавности процессов, формируя визуальную опору для бренда.
Чёрно-белая версия логотипа и инверсия
Если технические требования предписывают использовать чёрно-белый лого или инверсию, используйте данные опции.
Использование на цветных фонах
Логотип всегда должен быть чётко читаем на макете. Приоритетно использовать основную версию логотипа — чёрного с оранжевым логознаком или белого цвета.
Если использование основной версии невозможно из-за низкой контрастности с фоном, допускается монохромная белая версия на фотографиях. На фирменном оранжевом фоне рекомендуется использовать белую версию логотипа.
Размещение логотипа
Логознак используется как фоновый графический элемент в креативах — на сайте и в рекламных кампаниях. Он помогает поддерживать визуальную целостность бренда и усиливает узнаваемость. Основной лого всегда чёрного или белого цвета, а цвет логознака зависит от фона.
Передайте бухгалтерию — займитесь бизнесом
Берём на себя учёт, налоги, кадры
Рассчитаем аванс УСН
Варианты цветового решения знака
Фавикон и иконка приложения
Иконка приложения представляет собой фирменный логознак белого цвета на оранжевом фоне. Знак располагается строго по центру и окружён свободным пространством, чтобы сохранять читаемость. Он не может обрезаться при любых масштабах и формах поля иконки.
Дифференциация дополнительных продуктов бренда
Для обозначения дополнительных продуктов бренда «Моё дело» используется упрощённая система логотипов, отличающаяся от основного логотипа. Название бренда сокращается до инициалов «МД». Такой подход позволяет сохранить связь с основным брендом, при этом чётко отделяя продуктовые решения внутри экосистемы.
Финансы
Главучёт
Недопустимое использование
Не используйте оранжевый цвет для всего логотипа. Две части логотипа всегда должны разделяться цветом.
Не используйте шумные, неконтрастные фоны, на которых логотип не будет считываться.
Не наклоняйте, не поворачивайте логотипы, не подвергайте искажению.
Не добавляйте к логотипу тени, обводки, градиенты и другие спецэффекты.
Не изменяйте положения элементов и компоновку.
Не изменяйте типографику.
Версии логотипа
и логознака
Шрифты
абвгдеёжзийклмноп
рстуфхцчшщъыьэюя
1234567890/?!,.%№
абвгдеёжзийклмноп
рстуфхцчшщъыьэюя
1234567890/?!,.%№
Шрифт Geologica
Цветовая палитра
Основной цвет — яркий оранжевый. Он энергичный, тёплый и привлекает внимание, создаёт визуальный акцент в коммуникациях и передаёт характер бренда.
Дополнительный цвет — серый. Спокойный и нейтральный, используется для фона, интерфейсов и второстепенных элементов, создавая баланс и контраст для основного цвета.
В макетах основной и дополнительный цвета дополняют друг друга, обеспечивая гармонию между теплотой, динамикой и визуальной спокойной структурой.
HEX: #FF5029
RGB: 255; 80; 41
HEX: #DAE2ED
RGB: 218; 226; 237
Основной цвет фона
Оранжевый градиент является важной частью основной палитры и айдентики бренда. Он создаёт ощущение тепла, уверенности и надёжности, служит визуальным акцентом для B2B‑коммуникаций и помогает расставлять приоритеты в подаче информации.
Дополнительные градиенты для фона
Помимо основного градиента, мы разработали дополнительные градиентные палитры, чтобы расширить выразительные возможности визуальных коммуникаций и сделать их более разнообразными.
Градиенты с солнечными бликами
Также мы разработали дополнительную палитру сложных градиентов с эффектами солнечных бликов. Их можно использовать в качестве выразительного фона на сайте и в ярких креативных материалах.
Иконки
Градиентные иконки строятся на мягких геометричных формах. Внутри каждой иконки есть световой шейп — солнечный блик, который поддерживает метафору света в айдентике.
Иконки должны быть читаемыми, лаконичными и работать в единой визуальной системе бренда.
Иллюстрации
Иллюстрации с людьми
Иллюстрации показывают предпринимателей в реальных рабочих ситуациях, передавая процесс ведения бизнеса. Все сцены реалистичные, с естественными действиями и выражениями, а оранжевый акцент присутствует на всех элементах.
Основная цветовая схема — флетовые цвета с контрастным синим в тенях, создающими объём и глубину, оранжевый акцентный цвет.
Иллюстрации с маскотами
Маскоты иллюстративного стиля повторяют образ фотостиля и взаимодействуют с предпринимателями, помогая им в рабочих процессах.
Их действия отражают дружелюбие и поддержку, сохраняя характер бренда и контрастную цветовую систему с оранжевым акцентом и синими тенями.
Предметные иллюстрации
Иллюстрации предметов включают офисные принадлежности, ноутбуки, блокноты и ручки. Они используют флетовые формы и фирменные цвета, создавая визуальный интерес и поддерживая единый стиль бренда без перегрузки деталей.
Недопустимое использование
При работе с иллюстрациями избегайте ошибок, которые показаны ниже.
Не используйте неправильный баланс цвета. Синий и оранжевый должны быть согласованы с примерами; нарушение схемы разрушает целостность стиля.
Не меняйте образы маскотов. Иллюстративные маскоты должны сохранять одежду, внешний вид и характер, как в фотостиле.
Не перегружайте предметные композиции деталями. Слишком много мелких элементов отвлекает и ломает визуальную ясность.
3D-графика
Первый слой — это линейный градиент от фирменного оранжевого цвета к более тёмному глубокому. Второй слой — это радиальный градиент от светло-оранжевого цвета к полностью прозрачному фирменному оранжевому.
Оранжевая матовая
Внутреннее свечение
Бронза3D-графика
Первый слой — это линейный градиент от фирменного оранжевого цвета к более тёмному глубокому. Второй слой — это радиальный градиент от светло-оранжевого цвета к полностью прозрачному фирменному оранжевому.
3D-графика
Первый слой — это линейный градиент от фирменного оранжевого цвета к более тёмному глубокому. Второй слой — это радиальный градиент от светло-оранжевого цвета к полностью прозрачному фирменному оранжевому.
Недопустимое использование
При работе с 3D формами избегайте ошибок, которые показаны ниже.
Не используйте случайное освещение. Объект должен выглядеть так, будто свет идёт изнутри формы.
Не уходите от оранжевой гаммы. Случайные холодные цвета разрушают связь с брендом.
Не перегружайте форму деталями. Сложная геометрия и мелкие элементы ухудшают считываемость.
Фотостиль
Фотографии передают реальные моменты жизни людей в бизнес-среде: живые позы, естественные ракурсы, лёгкая плановость и достаточно воздуха в кадре. Важно сохранять ощущение непринуждённости и правдоподобия, избегая чрезмерно постановочной или слишком официальной атмосферы.
Ключевой приём фотостиля — тёплый свет и солнечные блики. Они делают офисную и деловую среду более живой, тёплой и надёжной. Холодные, слегка приглушённые тени помогают связать человека с диджитальной средой и поддерживают общую цветовую систему бренда.
Принципы фотостиля
Фокус на лёгкости и простоте работы с сервисом. Кадры показывают, что предприниматели спокойно решают свои задачи, передавая бухгалтерское обслуживание профессионалам. Это создавёт чувство доверия и уверенности.
Важно соблюсти единый стиль и дресс-код — современный офисный образ. Сотрудники должны выглядеть профессионально и передавать эмоцию надёжности, уверенности и готовности поддерживать клиентов.
Создают ощущение пространства и воздуха, подчёркивают солнечные блики и естественное освещение. Передают движение и рабочий процесс, формируя тёплую, положительную и надёжную атмосферу.
Важной составляющей визуальной концепции являются фотографии людей. Людей, с которыми клиент будет себя ассоциировать. Естественные, уверенные, энергичные, использующие стиль Casual в одежде, а не офисные клерки в деловых костюмах.
Рекомендуется использовать фотографии людей на фоне архитектуры или в интерьере на нейтральных, спокойных фонах. Допускается ретушь с использованием цветов из фирменной палитры.
Образы сотрудников
Образы предпринимателей
Интерьерные фотографии
Недопустимое использование
При подборе фотографий избегайте ошибок, которые показаны ниже.
Не используйте тёмные, монохромные изображения без акцентного фирменного цвета.
Не используйте слишком очевидные ассоциации с бизнесом и корпоративной культурой.
Не стоит перегружать кадр бликами и засветами. Фотографии должны оставаться естественными, реалистичными и не терять читаемость ключевых объектов.
Ненатуральный свет и тени — слишком жёсткий или холодный свет разрушает атмосферу тепла и надёжности.
Не используйте стоковые изображения с неестественными наигранными эмоциями людей.
Несоблюдение единого стиля сотрудников — разная одежда и дрескод создают визуальный хаос.
Маскоты
Эта пара маскотов представляет дружелюбных и компетентных проводников для предпринимателей.
Мужчина с усами и женщина с кудрявыми волосами всегда изображаются вместе, одеты в коричневые костюмы с фирменными оранжевыми галстуками и значками бренда, а их позы и взаимодействия демонстрируют поддержку и готовность помочь.
Маскоты сопровождают предпринимателей в иллюстрациях и фотографиях, усиливая доверие и тепло, сохраняя визуальный язык бренда и гармонию с фотостилем.
Маскоты
Как правило, маскоты изображаются вместе, создавая цельный и узнаваемый образ бренда. Но при необходимости их можно размещать и по отдельности — по одному. Их позы показывают взаимодействие: обсуждение задач, указание на объекты, демонстрация информации на ноутбуках и смартфонах, что создаёт чувство диалога и поддержки.
Жесты и выражения лица передают дружелюбие, уверенность и профессионализм, а фирменные оранжевые акценты подчёркивают принадлежность к бренду.
Недопустимое использование
При работе с фотографиями маскотов избегайте ошибок, которые показаны ниже.
Отсутствие фирменных акцентов (галстук, пин) или их неправильное использование.
Перегруженные образы: лишние детали, аксессуары, отвлекающие элементы.
Чересчур гиперболизированные, карикатурные эмоции — образы теряют естественность.
Примеры использования фирменных приёмов
Креативы
На примерах показано, как фирменные приёмы работают в креативах: оранжевая палитра, градиенты, солнечные блики, фотостиль, иллюстрации и 3D-графика формируют единый визуальный язык бренда. Яркий оранжевый остаётся главным акцентом и помогает быстро считывать коммуникацию.
При размещении логотипа, текста и кнопок важно сохранять читаемость. Фоновые зоны должны быть достаточно спокойными и однородными, а визуальные элементы не должны перегружать макет или спорить с ключевым сообщением.
Передайте бухгалтерию — займитесь бизнесом
Берём на себя учёт, налоги, кадры
Декларации по налогам за 1 квартал
Подготовим отчёты с соблюдением всех требований
Рассчитаем аванс по УСН без переплат
Подготовим отчёты с соблюдением всех требований
Подготовим декларацию по налогу на прибыль
Подготовим отчёты с соблюдением всех требований
Дизайн-система
Библиотека компонентов, типографики и цветовых токенов, разработанная для консистентности интерфейса
Типографика
Заголовки
Основной текст
Грид система
Скругления
Кнопки
Поля ввода
Селекторы
Чекбоксы и радиокнопки
Живой градиент
Визуальный язык «Моего дела» решает двойную задачу: считываться должно не только то, что мы технологичная компания, но и то, что мы человекоцентричны — внимательны и близки к каждому предпринимателю. Чтобы это ощущение передавалось через сам облик бренда, мы создали визуальный приём — «живой градиент».
Механика — mesh-градиент из нескольких цветовых пятен-«планет» фирменной палитры на светлой подложке. Пятна медленно двигаются, слегка пульсируют по размеру и оттенку, а сильное размытие сплавляет их в единое плавное поле. Такой градиент можно встраивать в hero-блок и в различные блоки страниц.
Как он строится
В hero-блоке
Основное применение — фон hero. Живой градиент заполняет весь блок, а логотип и текст лежат поверх.
Передайте бухгалтерию — займитесь бизнесом
Живой градиент делает hero тёплым, объёмным и энергичным
Два вида градиента
В зависимости от задачи и устройства используем один из двух вариантов живого градиента.
Не только hero
Живой градиент можно встраивать не только в hero, но и в обычные блоки страниц — например, в форму обратной связи. Там, где раньше был статичный фирменный фон, теперь мягко дышит живой градиент.