ЛИ
250 000 ₽ – 320 000 ₽
250 000 ₽ – 320 000 ₽
Санкт-ПетербургГибрид
Аналитика3–6 летSQLPython
Собираем производственные данные с площадок и делаем понятные дашборды для цеха.
13 августа
GetNaim · UI-kit
Дизайн-система
Живой UI-kit: токены и компоненты. Сюда складываем всё перед новыми экранами. Roboto, радиус 16, светлая тема, синий акцент для соискателя и работодателя.
Цвета
Нажмите карточку — скопируется HEX. Hover кнопки темнее, не через opacity.
Типографика
Только Roboto. Заголовки 700, текст 400. Размер через clamp: iPhone X 28px → iMac 60px.
H1 · display-title · 28 → 60px
Найдите работусвоей мечты
H2 · section-title · 22 → 36px
Популярные направления
Карточка · 18px bold
Аналитик данных
Текст · 15–16px
Тысячи вакансий от проверенных компаний. Резюме бесплатно, размещение вакансии — 1 000 ₽.
Подпись · 13px
Северные системы · Санкт-Петербург · гибрид
Радиус и тень
Радиус 16. Дальше все отступы, gaps и высоты — кратные 8 (8 / 16 / 24 / 32 / 40 / 48).
Радиус 16
кнопки, поля, карточки
Карточка
hairline + shadow
Поиск / герой
shadow-lg
Поля
На телефоне 16px в input, чтобы Safari не зумил. Высота тапа ≥44px.
Фото
Уровень зарплаты
Уведомления
Сохранения — всплывающий toast снизу, ~1,2 с и плавное исчезновение.
Черновик сохранён
Статичный блок — для ошибок формы и загрузки.
Резюме опубликовано
Работодатели увидят его в поиске.
Проверьте город
Город не совпадает с регионом в профиле.
Не удалось сохранить
Проверьте соединение и попробуйте ещё раз.
Ошибки полей
Браузерные подсказки вроде «Заполните это поле» не используем — только этот стиль.
Укажите дату рождения.
Укажите фамилию, город проживания и дату рождения.
Календарь
Нажмите месяц или год в шапке — откроется выбор.
Выборки
Опыт работы
Бейджи и чипы
SQLсрочноопубликованана модерацииотклонена
Знаки компании
Верификация — синяя галочка без кружка. IT-аккредитация — щит с буквами IT. Ставятся рядом с названием, не вместо него.
Верификация
IT-аккредитация
GetNaim
GetNaimкак в карточке вакансии
Логотип
Поиск
Одно поле «должность» + «город» + кнопка. На главной лежит поверх баннера.
Карточка вакансии
Ничего не найдено
Снимите часть фильтров — по текущим условиям вакансий нет.
Шапка public
Логотип слева, справа Войти и Регистрация.
Войти
Подвал
Цвет блока #0B1220. Это не тёмная тема сайта.
Поиск работы — бесплатно. Размещение вакансии — 1 000 ₽.
Иконки
Search
Pin
Heart
Briefcase
Building
Users
File
Check
Verified
IT
Code
Chart
Megaphone
Palette
Cart
People
Send
Star
Bell
Calendar
Plus
Pencil
Close
Alert
Info
Адаптив
Брейкпоинты завязаны на CSS-viewport устройств, не на native px. 2xl = 1512 (MacBook 14), иначе 14-дюймовый экран не видит десктопную ширину.
375×812
iPhone X
база: стопка, 16px поля, тап 44, safe-area, шапка в два ряда
390–402
iPhone 12–17 / Pro
те же паттерны, поля 20px, счётчики 2 колонки
428–440
Plus / Pro Max / 17 Pro Max
до 640px всё ещё телефон, поиск столбиком
1512×982
MacBook 14
2xl: контейнер 1400, полное меню, герой в две колонки
1728×1117
MacBook 16
3xl: контейнер 1600, крупнее отступы и поле города
2560×1440
iMac 27
4xl: контейнер 1920, не на всю 27", заголовки до 60px