Notes

A product roadmap for a rota app: a display heading beside a brand-flooded "now building" tile, the Phox Horizontal Timeline on a raised panel, and a ruled stats row. The timeline is a Swiper slider showing three quarters at a time on desktop and tablet, two from 576px and one on phones, with arrows to move along. Put the status in each item's label (Shipped, In progress, Planned) because the element has one marker colour for every item; the marker border uses the panel colour so it reads as a ring on the line. Keep the in-progress item within the first three so it shows without clicking.