Out Studio

Out Studio: a bold, editorial portfolio template for design studios and creative agencies.

Out Studio pairs oversized Anton headlines with clean JetBrains Mono text on a warm paper-and-ink palette. It's built for studios that want their work front and centre. Every page has smooth, considered motion, and a CMS-powered work section lets you add a new case study in minutes.

Pages

Home: animated hero, selected work, services, process, partners and a big call-to-action footer

Work: a full project overview, driven by the CMS

Case study: a CMS detail page with a cover image, project details, Challenge, Approach and Outcome sections, a gallery and a next-project link

Services: four disciplines, each with deliverables and typical timelines

Contact: email, careers and social links, with a start-a-project button

404: a playful animated not-found page

Motion and interaction

Red page-wipe transitions between every page

Headlines rise in letter by letter, rules draw across and photos unmask on scroll

A "VIEW" cursor, photo zoom and card dimming when hovering work

Hover effects on the services list, partner logos and footer links

A marquee that speeds up with your scroll

Smooth scrolling and a working back-to-top button

Respects reduced-motion settings, and nothing moves on the canvas while you edit

Built to customise

CMS work collection: title, category, year, client, services, duration, summary, three images, and Challenge, Approach and Outcome text

4 breakpoints: Large Desktop, Desktop, Tablet and Phone

Colour and text styles for light and dark sections, so a rebrand is a few clicks

Reusable components for the header, footer, hero, selected work, services, process and partners

Motion switches: turn page transitions, smooth scroll and hovers on or off per page without touching any code

Fonts

Anton and JetBrains Mono, both free on Google Fonts.