Verso New

Verso is a studio and agency template for people who sell design work. Thirteen pages, six CMS collections that talk to each other, and motion built into the page rather than bolted on afterwards.

Everything runs on the CMS

Six collections: Projects, Services, Team, Posts, Testimonials and Clients. They are linked, so a project references the services it used and the people who worked on it, and those references drive what appears on the project page. Add a team member once and they show up on the studio page, on their own profile, and in the credits of every project they touched.

Motion that earns its place

The hero reveals word by word on load. Sections rise as they enter. The work list slides under the cursor and the thumbnails scale. The client ticker slows when you hover it. The featured project sits behind a parallax. All of it uses Framer's own effects, so it respects a visitor's reduced-motion setting without you doing anything.

Thirteen pages

Home, work index, project detail, services index, service detail, studio, team member, journal, post, contact, 404, style guide and documentation.

Light and dark, both finished

Eight colour tokens each carry a light and a dark value, so switching the whole site is one setting rather than a second design. Type is Bricolage Grotesque and Instrument Sans, both free, sized across desktop, tablet and phone.

Also included

A contact form with pending, success and error states. A mobile menu. A style guide page showing every token and type style. A documentation page that explains the setup, so you can hand the site to a client without writing a manual.