Notes

A glossary page for a building society: a headline beside a brand-flooded "most looked up" tile, a full A to Z strip where letters with entries are links and empty letters are outlined and muted, then letter groups with an oversized brand letter beside a two-column list of ruled terms, each with a topic pill and an optional see-also line. Everything is static Divs, Headings and Text Links, so add a letter group by duplicating one and point each strip letter at an anchor on its group. The strip is a 26-column grid on desktop that steps down to 13, 9 and 7 columns; the term columns drop to one at phone landscape and the big letter moves above its terms from tablet portrait.