Продукт · Tasker

Tasker.AZ

Задачи и канбан-доски для команды. Акцент — шалфейный (тил): спокойный сине-зелёный, комфортный для постоянной работы. Ниже — живые компоненты продукта на токенах брендбука. Переключите тему в шапке — всё перекрашивается само.

Канбан-доска

Главный экран продукта. Акцент виден только на действиях: кнопка, полоса-поток стадии (нарастает к акценту), выбранная карточка, аватары. Пустая стадия — фирменная водяная Z.

Принято3

Согласовать смету с бухгалтерией

СрочноQ3

МАМихайлов А.до 24.07

Проверить остатки на складе №2

Склад

ПКПетров К.до 25.07

Обновить прайс поставщика

без исполнителя—

＋ Добавить задачу

В работе2

Настроить выгрузку в 1С

Интеграция

СВСидорова В.до 26.07

Фотосъёмка новинок каталога

Готово к сдаче

МАМихайлов А.✓

＋ Добавить задачу

Готово0

ZПока нет задач

＋ Добавить задачу

Карточка задачи и список дел

Одна и та же задача в двух представлениях. Чек-бокс в состоянии «выполнено» — акцентный. Метки-статусы — семантикой (не акцентом): срочно/склад/готово.

Карточка

Открыта

Согласовать смету с бухгалтерией

Проверить статьи расходов Q3 и получить визу гл. бухгалтера до конца недели.

СрочноQ3Бухгалтерия

МАМихайлов А.до 24.07

Чек-лист задачи

3 / 5

✓Собрать статьи расходов

✓Свести бюджет по отделам

✓Отправить черновик на ревью

Внести правки бухгалтерии

Получить финальную визу

Сводка по доске

Немного цифр вверху доски — без перегруза. Прогресс-бар и счётчики акцентом, статусы — семантикой. Числа — JetBrains Mono.

Загрузка спринта

неделя 30

Всего задач

В работе

Готово

Просрочено

Выполнено 46% спринта

Бёрндаун

осталось задач по дням

Кнопки, чипы, фильтры

Акцент — только на действия. Никаких градиентов и цветных теней. Радиусы 12 px поля/кнопки, 16 px карточки.

Кнопки

Чипы-статусы

Выбрано Готово Ждёт Срочно

Палитра — шалфейный (тил)

Квадраты живые — переключите тему в шапке, и они перекрасятся. Подписанные хексы — значения светлой темы; для серой и тёмной смотрите tokens.css, там прописаны все три.

accent#3E8E8A

hover#337571

tint#E4F0EF

deep#245C58

good#1D8A5B

warn#B4633A

bad#C4453A

surfacevar

Как не сломать бренд Tasker

✓

Тил — на действия: кнопка «Новая задача», буква Z, полоса-поток стадии, выбранная/фокусная карточка, аватары.

✓

Метки задач (срочно/склад/готово) — семантикой, НЕ акцентом. В тёмной и серой темах текст на тиле — тёмный (#101114/#1E1F22).

Без градиентов на кнопках и полосах стадий, без теней цветом акцента. Фон доски — плоский нейтральный.

Не путать с BI (янтарь) — Tasker всегда тил. Не мешать тил с акцентами других продуктов на одном экране.