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

Русло

Sankey: как решения текут через инстанции

Категория
Legal design и схемы
Платформа
Web
Стиль
Flow · карта
Шрифты
Crimson Pro, Montserrat
Объём
14 КБ, одна HTML-страница
lawlabs.ru/demo/ruslo/
Русло — первый экран концепта
01

Задача

Sankey: как решения текут через инстанции.

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

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

«Куда текут решения суда»Главное сообщение первого экрана
02

Структура

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

H1Куда текут решения суда
H3Что видно на карте
03

Цвет

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

#F3EFE3фон
#3A86B0акцент
#1B4F72акцент
#3D4D56тон
#D6CFB9фон
#23343Fтон
04

Типографика

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

Аа Бб Жж Юю 1995 §
Crimson Pro
Google Fonts
Аа Бб Жж Юю 1995 §
Montserrat
Google Fonts
05

Экраны

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

Прототип

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

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

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

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

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