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

Кадровая строка

Короткие кадровые тексты: отпуск, перевод, срок договора.

Категория
Инструменты
Платформа
Web
Шрифты
Cormorant Garamond, Source Sans 3, IBM Plex Mono
Объём
8 КБ, одна HTML-страница
lawlabs.ru/demo/kadry/
Кадровая строка — первый экран концепта
01

Задача

Короткие кадровые тексты: отпуск, перевод, срок договора. Макет следит, чтобы в уведомлении были дата, причина и место для подписи работника.

Идея — уведомление, которое не стыдно вручить.

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

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

«Бумага для человека, а не для папки»Главное сообщение первого экрана
02

Структура

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

H1Бумага для человека, а не для папки
H3Одна мысль
H3Срок на ответ
H3Экземпляр
03

Цвет

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

#F6EFE8фон
#2A211Cтекст
#9A3412акцент
#6A5B52тон
#CBB892тон
04

Типографика

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

Аа Бб Жж Юю 1995 §
Cormorant Garamond
Google Fonts
Аа Бб Жж Юю 1995 §
Source Sans 3
Google Fonts
Аа Бб Жж Юю 1995 §
IBM Plex Mono
Google Fonts
05

Экраны

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

Прототип

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

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

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

№ 220 · Minute
№ 220Инструменты

Minute

Одна задача.

Windows · macOS · Кобальтовый секундомер, крупная типографика

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

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