Identity system
Тендеры и закупки
в одном сервисе
Визуальная и вербальная система iStockLink. Шрифт, цвет и форма — как на продуктовом лендинге.
01 · Суть бренда
Управляемый процесс, а не набор таблиц
iStockLink выстраивает тендерную работу как управляемый процесс — с этапами, сроками и ответственными.
«Система нужна не только для контроля, а как объективный источник данных для управления процессом».
Для кого
Компании с регулярным участием в гос- и коммерческих закупках, отчётностью, филиалами и собственной командой, которая ведёт торги от подбора до контракта.
Обещание
Все подходящие торги — в одной ленте. Воронка, поставщики и КП — в одном окне. Старт за день, без внедрения CRM с нуля.
Характер
Точный
Говорим цифрами, этапами и сроками. Без «революций» и пустых обещаний.
Характер
Собранный
Интерфейс спокойный, сетка строгая, акцент — на статусе и следующем шаге.
Характер
Деловой
B2B-сервис для тендерного отдела и директора. Доверие важнее эффекта.
02 · Логотип
Знак и слово
Основной логотип — знак «полукольца» плюс слово iStockLink. Знак всегда синий на светлом и белый на тёмном или градиенте.
Охранное поле
Минимальный отступ равен высоте знака. Не ставьте логотип вплотную к краю макета, кнопке или фото.
Минимальный размер
Полный логотип — не меньше 120 px по ширине на экране и 25 мм в печати. Знак отдельно — не меньше 24 px / 8 мм.
Нельзя
Менять цвет знака
Искажать пропорции
Добавлять обводку и тень
Ставить на чужой цвет
Набирать слово без знака как лого
Вращать знак
03 · Цвет
Синий как ось системы
Основной цвет — #1C50DE. Вокруг него — ледяные фоны, сланцевый текст и два служебных: зелёный «в работе / выиграно» и янтарный «срок».
Фирменные
Текст и нейтрали
Фоны
Семантика статусов
Градиенты
04 · Типографика
Один шрифт — TildaSans
Вся система на TildaSans. Запасной стек: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif. Курсив не используем.
52 / 1.08 / −0.03em
40 / 1.15 / −0.02em
18–20 / 1.25
19–20 / 1.65
16–17 / 1.55
11–12 / 0.08em
15 / 14px 24px
| Роль | Начертание | Размер | Интерлиньяж | Трекинг |
|---|---|---|---|---|
| Hero title | ExtraBold 800 | clamp 32–52 | 1.08 | −0.03em |
| Section title | ExtraBold 800 | clamp 28–40 | 1.15 | −0.02em |
| Card title | Bold / ExtraBold 700–800 | 15–18 | 1.3 | 0 |
| Body / list | Regular–Semibold 400–600 | 16–17 | 1.55–1.58 | 0 |
| Caption / meta | Medium 500–600 | 14–15 | 1.4 | 0 |
| Overline | Bold 700 | 11–12 | 1 | 0.06–0.08em |
05 · Сетка и форма
Спокойная геометрия
Контентная ширина 1120 px. Секции 80 px по вертикали, на мобиле 56. Карточки крупные, углы мягкие, тени только у акцентов.
Сетка
Max-width 1120px. Поля 24 px, на узких 20. Колонки: 2 (hero), 3 (столпы), 4 (шаги), 5 (канбан).
Отступы
Базовый шаг 4 / 8. Типичные: 12, 16, 20, 24, 28, 32, 48, 80. Между заголовком и текстом — 12–14 px.
Контейнеры
Внутренние доски — ледяной фон и обводка rgba(28,80,222,0.12). Белый холст секций без лишней рамки.
Радиусы
Тени
Кнопка
0 10px 30px rgba(28,80,222,0.28)
Карточка / мокап
0 24px 60px rgba(15,23,42,0.08)
06 · Компоненты
Интерфейс как часть бренда
Кнопки, чипы источников, статусы воронки и карточки тендера — это графический язык, а не «просто UI».
Кнопки
Статусы и чипы
Поставка медоборудования
Правила компонентов
Карточка тендера всегда: название 700 / 15–16, мета 14 / #94A3B8, статус справа. Активная карточка канбана — полный синий градиент и белый текст. Выигранный контракт — зелёная заливка, не серая.
07 · Голос и тон
Прямо, по делу, без пафоса
Говорим языком тендерного отдела: этапы, лента, КП, нагрузка, дедлайн. Обещаем процесс, а не «магию».
Так
Подключайте агрегаторы — все подходящие торги собираются в одной ленте.
Старт за 1 день: лента и воронка уже в платформе.
Объективные данные по нагрузке и этапам.
Не так
Революционная AI-платформа нового поколения для победы в любых тендерах.
Мы изменим ваш бизнес навсегда.
Простое и интуитивное решение для всех.
| Ситуация | Тон | Пример |
|---|---|---|
| Hero / оффер | Уверенный, конкретный | Тендеры и закупки в одном сервисе |
| Продукт | Операционный | Ведите каждый тендер по этапам: от «новый» до «контракт» |
| Кейс | Голос клиента, факты | Больше тендеров в работе — больше денег |
| Цена | Прозрачный | от 6 000 ₽/мес · 14 дней бесплатно, без карты |
| CTA | Короткий глагол | Запросить демо · Получить демо |
08 · Фото и графика
Люди — документально, продукт — схематично
Фото в кейсах — живые, без стокового глянца. Продукт показываем интерфейсными мокапами: лента, канбан, поставщики, КП.
Фото
Прямой кадр, нейтральный свет, лицо не обрезано. Радиус как у карточек — 16. Не используем коллажи и цветные фильтры.
Иконки
Минимум эмодзи. Предпочтение — цифры в квадрате 32×32 с градиентом, линейные SVG 1.75, файловые пиктограммы PDF/XLS.
Паттерн
Мягкое радиальное пятно primary 18% opacity на ледяном фоне. Сетка и «неон» с тёмного сайта сюда не переносим.
09 · Носители
Как система живёт вне сайта
Анна Козлова
Тендеры и закупки
в одном сервисе
Презентация / закрывающий слайд
Подключите iStockLink за 2 минуты
Оставьте email — пришлём доступ к демо и инструкцию по подключению агрегатора.
Получить демо14 дней бесплатно · без привязки карты
10 · Сводка правил
Короткий чеклист
Делать
TildaSans 800 в заголовках, 600–700 в кнопках.
Primary #1C50DE и ледяные фоны.
Градиент на главной кнопке и CTA-плашке.
Статусы: синий / зелёный / янтарный.
Радиусы 12 / 16 / 24, ширина 1120.
Голос: процесс, этапы, факты.
Не делать
Другой синий «почти тот» (#2563EB, #3B82F6).
Inter, Gilroy, Montserrat вместо TildaSans.
Плоские primary-кнопки без градиента.
Тёмный hero с сеткой с другой версии сайта.
Сток, неон, 3D-клипарт, лишние эмодзи.
Маркетинговый пафос и «AI-хайп».