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

Norm

Выставка о визуальном языке правил

Категория
Legal design и схемы
Платформа
Музейный каталог
Стиль
Монохромная галерея
Шрифты
Arial, Consolas
Объём
9 КБ, одна HTML-страница
lawlabs.ru/demo/norm/
Norm — первый экран концепта
01

Задача

Выставка о визуальном языке правил.

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

Платформа — Музейный каталог; визуальный язык — «Монохромная галерея»

«NORM.»Главное сообщение первого экрана
02

Структура

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

H1NORM.
H2Смотрите ближе.
H3Параграф
H3Две стороны
H3Место для сомнения
H2Параграф
03

Цвет

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

#F7F6F0фон
#D94D39акцент
#171717текст
04

Типографика

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

Аа Бб Жж Юю 1995 §
Arial
системный
Аа Бб Жж Юю 1995 §
Consolas
системный
05

Экраны

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

Прототип

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

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

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

№ 315 · Anticlause
№ 315Legal design и схемы

Anticlause

Карточная игра о понятном языке договоров

Карточная игра · Лимонный редакционный поп-арт
№ 318 · Human Law
№ 318Legal design и схемы

Human Law

Манифест права с человеческим лицом

Манифест + личное обещание · Тёплый типографический финал
№ 320 · Воск
№ 320Legal design и схемы

Воск

Ритуал заверения: цвет воска, слово на печати и лист, который уже не черновик

Web · Письменный стол

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

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