Живой образец элементов для прототипов и презентаций
Manrope и Martian Mono, один синий, острые углы без исключений, границы вместо теней. Подробные правила в README рядом с этим файлом.
Палитра
Чернильный для текста, синий для действия, серые хайрлайны для разделения
ink 171717
body 272727
muted 6f6f6f
line ebebeb
blue 1763e6
tint ebf2fa
navy 223a5c
good 0f9d63
Типографика
Заголовок, подзаголовок, абзац. Приписки над заголовками запрещены
Заголовок Manrope 800
Подзаголовок полужирным серым, сразу под заголовком
Абзац обычным начертанием. Номер шага пишется внутри заголовка синим через .kz-num, а не отдельной строкой сверху. Выделение подложкой из светло-синего.
Martian Mono — только для технических микро-подписей
Кнопки и теги
Одна primary на экран, остальные secondary
App StoreRU
Карточки и формы
Карточка с хайрлайном, поле с синим фокусом
Заголовок карточки
Роль или адресат под заголовком
Текст карточки обычным начертанием, серым.
→ вывод или выгода зелёным
Схема архитектуры
Зоны пунктиром, узлы кликаются, деталь раскрывается панелью
Название зоны
Выбранный узелподпись узла
↓подпись потока данных
Обычный узелподпись узла
Деталь выбранного узла
Раскрывается по клику и читается докладчиком как тезис.
Тёмная секция
Для CTA и контактов, со свечением в углу
kazkad.digital · Тимофей Казаков
Приложения, веб-сервисы и интеграции по договору со сроком и этапами.