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

Чёрный маркер

Автоматическое обезличивание документов

Категория
Инструменты
Платформа
Web
Стиль
Рассекреченное досье
Шрифты
IBM Plex Mono, Oswald
Объём
11 КБ, одна HTML-страница
lawlabs.ru/demo/chyorny-marker/
Чёрный маркер — первый экран концепта
01

Задача

Автоматическое обезличивание документов.

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

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

«Всё, что нельзя показывать, — под маркером»Главное сообщение первого экрана
02

Структура

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

H1Всё, что нельзя показывать, — под маркером
H3ИСХОДНИК вставьте свой текст
H3ОБЕЗЛИЧЕНО 0 фрагментов
03

Цвет

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

#ECE3CFфон
#000000текст
#9B1C1Cакцент
#9AA0A6тон
#1C1A16текст
#3A3833тон
04

Типографика

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

Аа Бб Жж Юю 1995 §
IBM Plex Mono
Google Fonts
Аа Бб Жж Юю 1995 §
Oswald
Google Fonts
05

Экраны

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

Прототип

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

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

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

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

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