Дизайн-система Правоскоп

Полный набор компонентов для создания интерфейсов правовой AI-платформы. Современный, высококонтрастный дизайн с акцентом на профессионализм и читаемость.

Tailwind CSS
shadcn/ui
React / Next.js

Цвета

Цветовая палитра дизайн-системы с индиго-фиолетовой основой

Основные

Primary

#5B4AE4

Secondary

#F2F0FC

Accent

#A855F7

Фон и поверхности

Background

#FAFAFD

Surface

#F8F7FC

Card

#FFFFFF

Muted

#F1F0F7

Текст

Foreground

#1A1625

Muted Foreground

#6B6680

Card Foreground

#1A1625

Семантические

Success

#10B981

Warning

#F59E0B

Destructive

#EF4444

Info

#3B82F6

Границы

Border

#E5E2F0

Input

#E9E6F4

Ring

#5B4AE4

Сайдбар

Sidebar

#1E1A2E

Sidebar Accent

#2D2844

Sidebar Primary

#A855F7

Типографика

Шрифты Inter для интерфейса и JetBrains Mono для кода

Заголовки

H1

Заголовок первого уровня

H2

Заголовок второго уровня

H3

Заголовок третьего уровня

H4

Заголовок четвертого уровня

H5

Заголовок пятого уровня

H6

Заголовок шестого уровня

Основной текст

Body Large

Основной текст крупный. Используется для акцентного контента и лидов.

Body Default

Основной текст стандартный. Используется для большинства текстового контента на странице.

Body Small

Основной текст мелкий. Используется для вторичного контента и примечаний.

Вспомогательные стили

Caption

Подпись к изображению или таблице

Overline

КАТЕГОРИЯ ДОКУМЕНТА

Label

Метка поля формы

Моноширинный шрифт

Номер дела

А40-12345/2026

Дата

13.04.2026

Сумма требования

1 234 567,89 ₽

Кнопки

Варианты, размеры и состояния кнопок

Варианты

Размеры

С иконками

Иконочные кнопки

Состояния

Группы кнопок

Формы и ввод

Поля ввода, селекты, чекбоксы и другие элементы форм

Текстовые поля

Многострочный ввод

Выпадающие списки

Мультивыбор с тегами

ВзысканиеАрбитраж

Загрузка файлов

Перетащите файлы сюда или нажмите для выбора

PDF, DOCX, DOC до 25 МБ

Переключатели

Checkbox

Radio

Switch

Выбор даты

Пример формы

Вход в систему

Введите данные для входа в аккаунт

Карточки

Различные типы карточек для отображения контента

Базовая карточка

Заголовок карточки
Описание или дополнительная информация

Содержимое карточки. Здесь может быть любой контент — текст, изображения, формы и другие компоненты.

Карточки статистики

Всего дел
247
+12%за месяц
Выигранных
89%
+3%за квартал
Активных
34
-2за неделю
Сумма взыскания
₽12.4М
+24%за год

Карточки дел

ООО «Альфа» vs ООО «Бета»
А40-12345/2026
АС г. МосквыВ работеВзыскание
Заседание: 25.04.2026
Вероятность успеха87%
ИП Иванов vs АО «Строй»
А56-67890/2026
АС СПбЧерновикПодряд
Подача: до 01.05.2026
Вероятность успеха52%

Карточки документов

Исковое заявление.pdf

2.4 МБ • 12.04.2026

Договор подряда №123.docx

1.1 МБ • 10.03.2026

Решение суда.pdf

856 КБ • 08.04.2026

Карточки функций

AI-анализ
Автоматический анализ документов и прогнозирование исходов дел с точностью до 95%
Аналитика
Детальная статистика по делам, судам и категориям споров с визуализацией
Совместная работа
Работа над делами всей командой с разграничением прав и ролей

Бейджи и чипы

Статусы, категории, роли и индикаторы вероятности

Статусы

ГотовВ обработкеОшибкаЧерновикОжиданиеАрхив

Категории дел

ВзысканиеПодрядАрендаНеустойкаБанкротствоТрудовой спор

Роли

АдминистраторЮристПомощникНаблюдатель

Вероятность

87%Высокая
52%Средняя
23%Низкая

Размеры

XSDefaultLarge

Суды

АС г. МосквыАС Московской областиАС г. Санкт-Петербурга9 ААСАС Уральского округа

Шкалы вероятности

Ключевой компонент платформы для отображения прогнозов

Одиночные шкалы (тонкие)

Основной долг87%
Неустойка54%
Судебные расходы32%

Толстые шкалы (для детального просмотра)

Общая вероятность успеха78%
Взыскание основного долга91%
Взыскание неустойки45%

Группы шкал (по делу)

Дело А40-12345/2026

ООО «Альфа» vs ООО «Бета»

Основной долг (2.5М ₽)92%
Неустойка (450К ₽)67%
Проценты по 395 ГК (180К ₽)85%
Судебные расходы (150К ₽)78%
Общий прогноз81%
Дело А56-67890/2026

ИП Иванов vs АО «Строй»

Качество работ34%
Сроки выполнения56%
Стоимость работ42%
Убытки28%
Общий прогноз38%

Компактный вид (для списков)

Взыскание долга по договору поставки

А40-11111/2026

89%

Расторжение договора аренды

А40-22222/2026

62%

Признание сделки недействительной

А40-33333/2026

45%

Взыскание неустойки

А40-44444/2026

28%

Круговой индикатор

87%

Высокая

54%

Средняя

23%

Низкая

Таблицы

Таблицы с сортировкой, выделением и действиями

Таблица дел

СтороныТипСтатусСумма
А40-12345/2026ООО «Альфа» vs ООО «Бета»ВзысканиеВ работе87%2 500 000 ₽
А56-67890/2026ИП Иванов vs АО «Строй»ПодрядЧерновик52%1 200 000 ₽
А40-11111/2026АО «Гамма» vs ООО «Дельта»АрендаЗавершено91%850 000 ₽
А41-22222/2026ООО «Эпсилон» vs ИП ПетровНеустойкаВ работе34%450 000 ₽
А40-33333/2026ПАО «Зета» vs ООО «Эта»БанкротствоОшибка23%15 000 000 ₽

Пагинация

Показано 1-5 из 247 записей

...

Хронология

Ключевой компонент для отображения истории дела

Фазы

Договор
Досудебная
Судебная
Исполнение

Вертикальная хронология

Договор15.01.2026

Заключение договора

Подписан договор поставки №123 на сумму 2.5М ₽

  • Срок поставки: 30 дней
  • Условия оплаты: 100% предоплата
  • Неустойка: 0.1% за каждый день просрочки
Договор20.02.2026

Нарушение сроков

Истёк срок поставки товара по договору

Досудебная25.02.2026

Претензия направлена

Направлена досудебная претензия ответчику

  • Требование: возврат предоплаты + неустойка
  • Срок ответа: 30 календарных дней
  • Способ отправки: заказное письмо с уведомлением
Судебная01.04.2026

Подача иска

Исковое заявление подано в АС г. Москвы

Судебная15.04.2026

Предварительное заседание

Назначено предварительное судебное заседание

Судебная

Решение суда

Ожидается вынесение решения

Компактная хронология

15.01.2026Заключение договораДоговор
20.02.2026Нарушение сроковДоговор
25.02.2026Претензия направленаДосудебная
01.04.2026Подача искаСудебная

Диалоги и оверлеи

Модальные окна, боковые панели, тосты и подсказки

Модальные окна

Боковая панель

Уведомления (Toast)

Подсказки

87%

Прогресс и загрузка

Индикаторы прогресса, спиннеры и скелетоны

Круговой прогресс

75%

Анализ документов

100%

Загрузка данных

45%

Обработка

Линейный прогресс

Загрузка файлов3 из 5
Анализ завершён100%
Хранилище8.2 / 10 ГБ

Спиннеры

Small

Default

Large

Primary

Accent

Скелетоны

Состояния загрузки

Загрузка данных...

Анализ документов

Это может занять несколько минут

AI

Генерация прогноза

Алерты

Информационные, успешные, предупреждающие и критические уведомления

Базовые алерты

С кнопкой закрытия

С действиями

Компактные

Заседание назначено на 25.04.2026

Документ успешно загружен

Осталось 3 дня до дедлайна

Файл повреждён

Пустые состояния

Заглушки для отсутствующего контента

Нет дел

Дела не найдены
У вас пока нет ни одного дела. Создайте первое дело, чтобы начать работу с платформой.

Нет результатов поиска

Ничего не найдено
По запросу «договор аренды» не найдено ни одного дела. Попробуйте изменить параметры поиска.

Нет документов

Документы не загружены
Загрузите документы по делу для автоматического анализа и формирования прогноза.

Ошибка загрузки

Не удалось загрузить данные
Произошла ошибка при загрузке списка дел. Проверьте подключение к интернету и попробуйте снова.

Нет участников

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

Компактные варианты

Нет прикреплённых файлов

Результаты не найдены