Figma: https://www.figma.com/file/7kl4eBgLcnK6OYgM01XVig/Patterns?node-id=1%3A217

Паттерн предназначен для отображения простых табличных данных. У него есть набор модификаторов для того, чтобы покрыть максимальное количество как стилистических так и структурных потребностей.

Управляя отступами внутри ячеек можно дать больше «воздуха» (этот прием часто используется при небольшом количестве контента для того, чтобы увеличить общую массу блока).

{
  block: 'table',
  content: [
    {
      elem: 'row',
      content: [
        {
          elem: 'col',
          elemMods: { width: '50' },
          content: 'Банковские карты'
        },
        {
          elem: 'col',
          elemMods: { width: '25' },
          content: '3,5%'
        },
        {
          elem: 'col',
          elemMods: { width: '50' },
          content: '2,8%'
        }
      ]
    },
    ...
  ]
}

Можно сделать строки зебрированными (это позволит легче фокусироваться на каждой отдельной строке в длинных таблицах).

{
  block: 'table',
  mods: { stripe: 'odd' },
  content: [
    {
      elem: 'row',
      content: [
        {
          elem: 'col',
          elemMods: { width: '50' },
          content: 'Банковские карты'
        },
        {
          elem: 'col',
          elemMods: { width: '25' },
          content: '3,5%'
        },
        {
          elem: 'col',
          elemMods: { width: '50' },
          content: '2,8%'
        }
      ]
    },
    ...
  ]
}

При малом количестве строк можно отбить их бордерами. Это разграничит информацию, но сохранить целостность блока.

{
  block: 'table',
  mods: { border: 'between' },
  content: [
    {
      elem: 'row',
      content: [
        {
          elem: 'col',
          elemMods: { width: '50' },
          content: 'Банковские карты'
        },
        {
          elem: 'col',
          elemMods: { width: '25' },
          content: '3,5%'
        },
        {
          elem: 'col',
          elemMods: { width: '50' },
          content: '2,8%'
        }
      ]
    },
    ...
  ]
}

Также строку можно маркировать под статус (это поможет определить 'успешность' записи без явного указания бейджем)

{
  block: 'table',
  mods: { stripe: 'odd' },
  content: [
    {
      elem: 'row',
      elemMods: { status: 'normal' },
      content: [
        {
          elem: 'col',
          elemMods: { width: '50' },
          content: 'Банковские карты'
        },
        {
          elem: 'col',
          elemMods: { width: '25' },
          content: '3,5%'
        },
        {
          elem: 'col',
          elemMods: { width: '50' },
          content: '2,8%'
        }
      ]
    },
    ...
  ]
}