Концепт № 144 из 336 · Практика и платформы

Тепло риска

Плитки вместо стостраничного мемо.

Категория
Практика и платформы
Платформа
Web
Шрифты
Unbounded, Manrope, IBM Plex Mono
Объём
7 КБ, одна HTML-страница
lawlabs.ru/demo/teplo/
Тепло риска — первый экран концепта
01

Задача

Плитки вместо стостраничного мемо. Каждая — место, которое обычно потом становится спором: ответственность, данные, выход.

Идея — карта договора, а не простыня замечаний.

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

Платформа — Веб.

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

Структура

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

H1Где договор теплее
H3Ответственность
H3Данные
H3Выход
03

Цвет

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

#F3EFE6фон
#1C1915текст
#E23D12акцент
#5E574Eтон
04

Типографика

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

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

Экраны

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

Прототип

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

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

Практика и платформы — ещё концепты

№ 188 · Фолио
№ 188Практика и платформы

Фолио

Кроссплатформенное досье: одно дело выглядит одинаково на Windows и на маке.

Windows · macOS · Web

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

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