Концепт № 105 из 336 · Legal design и схемы

Плата статусов

Машина состояний арбитражного дела

Категория
Legal design и схемы
Платформа
Dev reference
Стиль
State · печатная плата
Шрифты
Victor Mono
Объём
16 КБ, одна HTML-страница
lawlabs.ru/demo/plata-statusov/
Плата статусов — первый экран концепта
01

Задача

Машина состояний арбитражного дела.

Legal design: сложная правовая конструкция превращается в схему, которую понимают клиент, судья и разработчик.

Платформа — Dev reference; визуальный язык — «State · печатная плата»

«Плата статусов: дело как конечный автомат»Главное сообщение первого экрана
02

Структура

Страница собрана из 3 смысловых блоков: заголовок первого экрана задаёт тему, дальше — доказательства, сценарии и призыв к действию. Схема ниже повторяет иерархию заголовков прототипа.

H1Плата статусов: дело как конечный автомат
H2ТЕКУЩЕЕ СОСТОЯНИЕ
H2СОБЫТИЯ ИЗ ЭТОГО СОСТОЯНИЯ
H2SERIAL MONITOR · 9600 бод
H3Инвариант 1
H3Инвариант 2
H3Инвариант 3
03

Цвет

Палитра собрана из стилей прототипа: фон, текст, акценты и промежуточные тона.

#0F5132акцент
#C9A227акцент
#39FF7Aакцент
#FFE9A3акцент
#C3CFC6тон
#9AA39Cтон
04

Типографика

Шрифты задают характер раньше, чем пользователь прочтёт первое слово.

Аа Бб Жж Юю 1995 §
Victor Mono
Google Fonts
05

Экраны

Компьютер · 1440 px
Плата статусов — страница целиком
Плата статусов — мобильная версия
06

Прототип

Это не картинка, а работающая страница: кнопки, поля и анимации живые. Запустите прямо здесь или откройте в новой вкладке.

lawlabs.ru/demo/plata-statusov/
16КБ — вся страница целиком
2секции
2кнопки
0полей ввода
1SVG-иллюстраций
JSинтерактив на JavaScript

Legal design и схемы — ещё концепты

Сделаем такой же — для вас

Возьмём концепт за основу: адаптируем под бренд, наполним вашими текстами и данными, подключим интеграции и запустим.