Концепт № 252 из 336 · Инструменты

Clauselib

Типографическая библиотека договорных условий

Категория
Инструменты
Платформа
Web
Стиль
Синий алфавитный указатель
Объём
8 КБ, одна HTML-страница
lawlabs.ru/demo/clauselib/
Clauselib — первый экран концепта
01

Задача

Типографическая библиотека договорных условий.

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

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

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

Структура

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

H1Слова имеют вес.
H2Конфиденциальность
H2Обмен документами
H2Срок выполнения
H2Уведомления
03

Цвет

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

#142B53акцент
#E4D9B5акцент
#6880A0тон
#00A8FFакцент
#F0E9D7фон
#9DAECCтон
04

Типографика

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

Аа Бб Жж Юю 1995 §
Системный шрифт
05

Экраны

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

Прототип

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

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

Инструменты — ещё концепты

№ 255 · Signport
№ 255Инструменты

Signport

Маршруты подписания документов

Web · Циановая швейцарская схема
№ 257 · Invoice
№ 257Инструменты

Invoice

Счет и калькулятор юридической работы

Web · Кремовый чек на рабочем столе
№ 267 · Duebox
№ 267Инструменты

Duebox

Каталог материалов проверки сделки

Web · Манильские папки и аккордеон
№ 307 · Apilex
№ 307Инструменты

Apilex

Песочница API для демонстрационных документов

API explorer · Терминальный тёмный интерфейс

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

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