Пустые состояния

Покажите, что здесь может быть и с чего начать. Никогда не тупик.

Пишите по причине

У пустой области есть причина, и от неё зависит, что сказать.

Первый запуск. Покажите, что здесь может быть, чем это поможет и с чего начать: «Создайте первый проект».
Ничего не нашлось. Не повторяйте очевидное. Дайте выход: проверить написание, расширить запрос, сбросить фильтры или подсказать «Возможно, вы имели в виду…».

По-русски пустое состояние из примера: заголовок «Ничего не нашлось по запросу „счт“», текст «Проверьте написание или расширьте запрос.», кнопка «Очистить поиск».

No results for 'invoce' Check the spelling or try a broader term. Clear search

<tk-empty-state compact>
  <tk-icon slot="media" name="search"></tk-icon>
  <span slot="title">No results for 'invoce'</span>
  Check the spelling or try a broader term.
  <tk-button slot="actions" size="small">Clear search</tk-button>
</tk-empty-state>

Всегда предлагайте действие

Заканчивайте явным следующим шагом: «Создать доску», «Сбросить фильтры».
Пусть текст и картинка говорят одно и то же и намекают, чем заполнится это место.
Тон спокойный и доброжелательный. Без восклицательных знаков.

Характер, но в меру

Немного характера уместно на редких экранах, например при истёкшем сеансе или на странице после выхода. В обычных пустых состояниях он мешает: читателю нужен следующий шаг.

Как надо и как не надо

✅ Так	❌ Не так
«Ничего не нашлось по запросу „счт“. Проверьте написание или расширьте запрос.»	«Нет результатов.»
«Создайте первый проект» с кнопкой Новый проект	Пустая панель без пути дальше
«Попробуйте создать доску»	«Тут ничего нет!»