Знак «вх.»
Иконка Автономного офиса — канцелярский штамп входящих, уменьшенный до вкладки браузера. В ней нет ни одной картинки: рамка, три знака и одна строка для тёмной темы — 425 байт кода. Разбираем, откуда она взялась, что значит каждая цифра и где знак пока не дотягивает.
Штамп, а не весы
Знак придуман вместе с сайтом и из той же идеи — канцелярии юриста.
В российской канцелярии у каждого входящего документа есть отметка: штамп «Вх. № … от …», номер в журнале и дата. С неё начинается жизнь письма в организации — и ровно этим занят автономный офис: принять, зарегистрировать, разложить, поставить срок.
Поэтому весь сайт legal-office.ru собран как канцелярия: журнал входящих на первом экране, штампы «предложено» на строках, маркер на сроках. Знак — тот же штамп, у которого убрали всё, что не читается в 16 пикселях.
Это логика упрощения, а не архив черновиков: знак нарисован сразу, вместе с новым сайтом.
Чертёж в коде
Весь знак — восемь решений в одном файле SVG. Наведите на строку или нажмите её: на знаке подсветится то, о чём она.
Файл целиком · 425 байт
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><style>rect{stroke:#2C3FBF}text{fill:#2C3FBF}@media (prefers-color-scheme:dark){rect{stroke:#93A3FF}text{fill:#93A3FF}}</style><g transform="rotate(-6 32 32)"><rect x="7" y="7" width="50" height="50" rx="10" fill="none" stroke-width="5"/><text x="32" y="41" text-anchor="middle" font-family="Menlo,monospace" font-weight="700" font-size="22">вх.</text></g></svg>Один штамп — четыре наклона
Знак не живёт один: тот же штамп стоит в шапке сайта и на строках журнала входящих. Наклон у каждого свой — как у штампов, поставленных рукой.
Цвет у всех один — ультрамарин «чернил штампа», в тёмной теме — светлый холодный синий. Штампы на сайте опускаются по очереди с отскоком, как здесь.
Шестнадцать пикселей
Иконку чаще всего видят размером с ноготь — во вкладке браузера. Ниже живой знак от 16 до 128 пикселей и то, как он ложится на пиксели.
В 16 пикселях буквы сливаются в пятно — узнаются рамка и наклон. Для знака-штампа это нормально, но для самого маленького размера стоит сделать оптическую версию (об этом ниже).
Чего в знаке нет
У юридических и ИИ-сервисов есть набор готовых символов. Каждый из них что-то обещает — и почти всегда не то, что делает продукт.
Весы
Весы и молоток — на половине юридических сайтов. Они говорят «право», но не говорят, что делает продукт.
Молоток судьи
Офис не судит и не представляет в суде — решает юрист. Символ суда обещал бы лишнее.
Искра ИИ
В 2026 году так помечают любую функцию с нейросетью. А офис работает и без ИИ — на правилах.
Робот
Робот обещает «замену юриста». За такие обещания FTC наказала DoNotPay.
Конверт
Конверт — это почтовый клиент. Офис читает почту, но его работа — то, что после письма: дело, срок, задача.
Буква в круге
Инициал в круге безопасен и безлик. Таких иконок во вкладках десятки.
Где знак живёт
Шапка сайта в обеих темах, картинка для ссылок в мессенджерах и первый экран на телефоне.
Что доработаем
Знак работает, но у него есть слабые места. Четыре шага до версии, которая одинаково выглядит везде.
Буквы — в контуры
Шрифт берётся из системы. Menlo есть на Mac, а на Windows подставится другой моноширинный, например Courier New с засечками. Буквы стоит перевести в кривые — тогда знак везде одинаковый.
Версия для 16 пикселей
В размере вкладки «вх.» сливается в пятно, узнаются рамка и наклон. Для самого маленького размера нужна оптическая версия: толще буквы и меньше деталей.
PNG и иконка для iPhone
Сейчас есть только SVG. Для старых браузеров нужен favicon.ico, для экрана «Домой» на iPhone — PNG 180 × 180 на сплошном фоне.
Тот же знак в Legalic
В ленте Legalic у ассистента пока значок молнии. Логично поставить туда штамп «вх.»: юрист будет узнавать офис и на сайте, и в работе.
Один знак — четыре моноширинных шрифта
Так знак выглядит, если в системе нет Menlo. Courier New с засечками — то, что увидит часть посетителей на Windows. Буквы в контурах решат это раз и навсегда.
Ещё по теме
История проекта «Автономный офис»
Автоматическая юридическая фирма за четыре дня: от анкеты для граждан к офису, который сам разбирает почту юриста, считает сроки и работает в Legalic.
История проекта «ВЗЫСК.PRO»
Портал претензионно-исковой работы: набросок с четырьмя темами, задача от заказчика, модель долга, демо за выходные и бэкенд с настоящими справочниками.
Шрифты для права
Ещё один процесс от идеи до носителей: три гарнитуры для юрфирм и судов.
Концепты
337 концептов сайтов и приложений для юристов — с цветом, шрифтами и экранами.
Нужен знак для продукта?
Найдём образ в предметной области — как штамп входящих для офиса, — нарисуем знак, который читается в 16 пикселях, и соберём вокруг него сайт.