Медплатформа · визуальный вектор для дизайнера

Вывод за 30 секунд

Три числа из оценок заказчика объясняют почти всё. Читаются в одну сторону: крафт важнее цвета, а тёмный премиум заходит сильнее светлого.

Стилистика элементов — решает

8.0›5.5

Разрыв 2.5 балла. Проработка и «дороговизна» важнее удачного цвета.

Цветовая схема — дисциплина

8.2›6.4

Один сильный акцент выигрывает. Радуга и пастель — в минус.

Тёмная тема против светлой

8.2›7.0

Тёмный премиум с подсветкой — фаворит. Делаем его как основной.

Куда идём

ДНК всех макетов, которым заказчик поставил 8–9. Держим все шесть пунктов.

3D-анатомия — герой

Цифровой двойник тела или органа в центре экрана, от него выносками — показатели. Главный крючок платформы, не второстепенный виджет.

Премиум, а не шаблон

Ощущение дорогого продукта: глубина, аккуратные тени, стекло-подсветка, продуманные детали. Не «очередная админка».

Один акцент, не радуга

Нейтральная база + один доминирующий цвет (электрик-синий или фиолетовый). Мультиколор — только внутри графиков.

Тёмный премиум — приоритет

Тёмно-синий / графит / фиолетовый фон + светящиеся акценты и голографическая 3D-модель. Тёмную тему делаем полноценной.

Крупная типографика + воздух

Смелые заголовки, чёткая иерархия, много пространства. Данные не слипаются.

Данные — в чистых карточках

Крупный радиус, мягкие тени, кольцевые индикаторы, спарклайны, статус-бейджи. Плотно, но организованно.

Эталон: 3D-модель тела в центре, тёплый фон, синий акцент — **Эталон концепции.** 3D-тело в центре, тёплая база, синий акцент, красное сердце, богатые медкарточки. Балл 9.

Система дизайна

Опорные токены. Собираем на этом — свет и тёмную тему сразу, единая цветокодировка статусов.

Палитра

База тёмная#0B0D12

Карточка#161A22

База светлая#F3EFE7

Акцент#3B5BFF→#7C6CFF

Норма#27C093

Внимание#E8B53D

Риск#FF6B6B

Линии#262C38

Функциональные цвета — только для статусов данных, не для декора. На экране один доминирующий акцент.

Типографика · иерархия

Cardiovascular

128 уд/мин · норма 60–100

заголовок → значение (крупно) → подпись/норма (мелко, приглушённо)

Компоненты

Норма Внимание Риск

Карточки со скруглением 16–20px и мягкой тенью · кольца · спарклайны · бейджи статусов · интерактивный 3D-модуль тела.

Что нужно от дизайнера

Комментариев словами заказчик не давал — поэтому концепцию сверяем рано, до детальной верстки.

ШАГ 01

Мудборд + концепт

1–2 варианта визуального языка (обязательно один тёмный премиум). Согласовать с заказчиком до верстки.

ШАГ 02

UI-kit

Палитра (свет+тёмная), типо-шкала, карточки, кнопки, бейджи, графики, 3D-модуль тела.

ШАГ 03

Hi-fi экраны

Дашборд с 3D-героем, экран показателя/органа, анализы, назначения. Обе темы.

ШАГ 04

Передача

Figma с компонентами и автолейаутом, готово к верстке.

Критерий «принято»

Экран тянет на эталон из блока выше и не нарушает ни одного запрета из «Так — нет». Если выбираешь между «красиво по цвету» и «сильно по стилю» — выбирай стиль.

Медтех, от которого не оторваться.