Компоненты · Каркас

Плитка`Tile`

Единица экрана бенто: когда плитка, когда вложенное

npx shadcn@latest add @umbra/tile

Единица экрана. Экран состоит из плиток на фоне окна, между плитками воздух gap-tile (8), а не линии. Границы задают цвет поверхности и расстояние

Смысловой блок на окне: список встреч, итоги, настройки, карточка кейса
variant="nested": поверхность внутри плитки (поле, чип-группа, превью). Радиус 16 концентричен плитке 24 при зазоре 8
tone: цветная плитка роли, когда цвет что-то значит: primary (главное действие, выбор), indigo-soft (итоги ИИ, текст), giants-soft (предупреждение, текст), indigo и giants (насыщенные: только иконка или знак, текста нет)
interactive: вся плитка ссылка или кнопка

Поверх контента (меню, уведомление, док): стекло, Glass или NoticeCard
Строки списка: ListRow без вложенной карточки
Плитка в плитке ради рамки: вложенное только как variant="nested", не вторая плитка

Запуск переносим на вторник. Дизайн макетов закрывает Аня, тексты готовит Тимур

Записей за месяц

В записи «Созвон с подрядчиком» нет текста. Проверьте микрофон

Одна плитка, одна задача. Отступ плитки один во всём продукте: p-tile (20)
Текст роли на indigo-soft и giants-soft, а на насыщенных indigo и giants только иконка