Brace

Brace is a template for personal trainers and strength coaches who take a small number of clients and write every session down.

What is inside

- 13 pages: Home, Coaching and a page for each service, Programme, Clients and a story page for each client, About, Journal and a page for each note, Apply, Legal, 404 and a Style guide

- 6 CMS collections: Services, Results, Testimonials, Questions, Journal, Legal

- Behind, the hero: a studio portrait with the name set behind the person; the frame closes to a portrait panel as you scroll and opens with a letterbox on load. The same component draws every page head and the closing bookend

- Talking heads: client portraits that cut from one take to the next as you scroll

- A sideways twelve-week strip, drifting portrait columns, a pinned programme column and gentle wheel smoothing; reduced motion is respected

- An application form on Home and on Apply, with sending, sent and failed states

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

- Photos that load at the size they are shown

- A style guide page with setup steps, colours, type, every component and what each collection feeds

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

- White pages with cyan studio backdrops, set in Anybody