Notes

A barber price list built from two Phox Price List elements in a raised panel, one for cuts and one for beards and shaves, under a large heading and above a brand-flooded strip of offers. Every colour on the Price List is set to theme tokens: transparent rows with a hairline underneath, a dotted connector in the neutral token and prices in a tinted brand pill. Leave the Price List image alignment unset: with it set to left, the element prints stray text into its CSS. The element also adds 10px of fixed padding before each title, so the rows sit slightly in from the column heading.