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

Редлайн

Сравнение редакций договоров, как в код-ревью

Категория
Инструменты
Платформа
Windows · macOS
Стиль
Тёмная IDE
Шрифты
JetBrains Mono, Onest
Объём
14 КБ, одна HTML-страница
lawlabs.ru/demo/redline/
Редлайн — первый экран концепта
01

Задача

Сравнение редакций договоров, как в код-ревью.

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

Платформа — macOS, Windows; визуальный язык — «Тёмная IDE»

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

Структура

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

H1Договор как попало как код .
H3Пословный дифф
H3Blame для договоров
H3Ветки переговоров
H3Чистый .docx
H3Опасные правки
H3Сканы тоже
03

Цвет

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

#0D1117текст
#F85149акцент
#3FB950акцент
#F0883Eакцент
#30363Dтон
#58A6FFакцент
04

Типографика

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

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

Экраны

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

Прототип

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

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

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

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

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