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

Красная нить

Граф проверки конфликта интересов

Категория
Legal design и схемы
Платформа
Web
Стиль
Network · пробковая доска
Шрифты
Courier Prime, Caveat
Объём
16 КБ, одна HTML-страница
lawlabs.ru/demo/krasnaya-nit/
Красная нить — первый экран концепта
01

Задача

Граф проверки конфликта интересов.

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

Платформа — Веб; визуальный язык — «Network · пробковая доска»

02

Структура

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

H1Красная нить
H3Выберите клиента и противника
03

Цвет

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

#B98A5Aтон
#C1121Fакцент
#FFE066акцент
#FFFFFFфон
#F4ECDFфон
#5A3B22акцент
04

Типографика

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

Аа Бб Жж Юю 1995 §
Courier Prime
Google Fonts
Аа Бб Жж Юю 1995 §
Caveat
Google Fonts
05

Экраны

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

Прототип

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

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

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

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

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