Oriel Studio

Oriel is a light, editorial website template for brand studios, naming agencies and small creative teams: people who care about the words as much as the pictures.

It's built entirely with native Framer tools, without custom code, so every animation, layout and piece of content stays easy to edit on the canvas.

Scroll storytelling

• Sticky "What we do" section that steps through four services as you scroll

• Showreel that grows from a small frame to full screen, with a video lightbox

• Process timeline with a line that fills as you read

• Stats that roll into place like an odometer

• Word-by-word headline reveals and soft image reveals throughout

Pages

• Home, Work, Project detail, Contact, Legal and 404

• Desktop, tablet and mobile layouts on every page

CMS-powered

• Projects, with a cover, story, gallery, results and a "Next project" link

• Team, process steps, principles and FAQ, all editable in the CMS

Details

• Auto-rotating testimonials with smooth transitions

• Accordion FAQ, contact form with success states, and newsletter signup

• Custom "View" cursor, hover states on every card and row, and a mobile menu

• Colour tokens and text styles, so you can restyle the whole site in minutes

• Smooth 60 fps scrolling, tested on desktop and mobile

Fonts: Sentient and General Sans (free, via Fontshare). Images: Lummi and Pexels (free licences); replace them with your own work before launch.