Notes

An integrations grid for a rota and payroll app: a Phox Pill Group of categories with count badges (active pill in the heading colour with a brand count) above a hairline grid of eleven tools and one brand-filled API tile. The hairlines are the grid Div background showing through a 1px gap, so every cell needs the ground colour and the cell count should fill the last row at each column count (12 works for 4, 3 and 2 columns). The monogram tiles use three token treatments, one per group of categories, so they restyle with the site. The pills are plain links; point them at category pages or wire them to a filter and mark the current one Active.