Segue

Segue is a template for singers and bands who tour, and want their site to feel like the night itself rather than a press kit.

It is built to be made yours. The opening is the Setlist collection: change a song, its photo or its order and the scroll follows. Tour dates, running orders and setlists live in Shows; a night you tick as played moves to the archive and into the set changes on Home. Every colour is a colour style with a light and a dark value, and the House lights switch in the menu swaps between them.

What is inside

- 14 pages: Home, Shows and a page for every show, Music and a page for every record, About, Shop and product pages, Diary and posts, Contact, Legal, 404 and a Style guide

- 9 CMS collections: Setlist, Shows, Releases, Products, Diary, Band, Press, FAQs, Legal

- The setlist opening, pinned to one window at any size and on phones, with photos that load as they are needed

- Code components with plain control names: Setlist Row and Photo, Show Row (running order), Front Row, Play Count, Band Spot (stage plot), Night Tab (set changes) and House Lights (closing scene and switch). Each reads from the CMS and holds still for visitors who ask for reduced motion

- Light and dark themes with a House lights switch that remembers the visitor's choice

- Show pages with the running order, venue, age, capacity and the setlist once played

- A pre-sale sign-up and a contact form with sending, sent and failed states

- Three breakpoints on every page: desktop, tablet, phone

- A style guide page with setup steps, colours, three alternative palettes, type and every component

- Four Framer Agent skills: design-system rules that are always on, plus add a show, add a record and rebrand

- Set in Sofia Sans Semi Condensed and Sofia Sans