Offhand

Offhand is a template for AI automation agencies: small teams who build agents and workflows for online businesses, count the hours first and stay to run what they build.

Each case study opens the same way, with that client's own jobs crossing the line, then the facts, the screen, the story, the client's quote and the next case.

What is inside

- 12 page types: Home, Work and a page for each case, Services and a page for each service, About, Notes and a page for each note, Contact, Legal, 404 and a Style guide

- 9 CMS collections: Jobs, Client jobs, Work, Services, Quotes, Questions, Team, Notes, Legal

- Handover, the hero and every case page: jobs cross from Yours to Ours as you scroll, the hours count across, and the one that stays opens into its photo; checked from 1920 wide down to a 390 by 667 phone and in Safari's engine

- Run Room, Service Screen, Handover Weeks, Handover Plan and Week Bar, each with its own motion; reduced motion is respected

- A page grid of hairlines behind every page, hatching on the Ours side and on hovers

- Light and dark themes with a switch in the navigation that remembers the choice

- 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, type, three more palettes, every component and what each collection feeds

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