Oktav is a Framer agency template for design and development studios, branding agencies and small creative teams. It works like a desktop app: a sidebar index of every client, a masonry grid of work in the middle and an info panel that changes with each page.
The whole site runs on the CMS. Projects, disciplines, articles and open roles each have their own collection, so the work grid, discipline tabs, case studies, journal and careers page stay in sync as you add content. Covers can be images or looping videos, and the masonry grid keeps each thumbnail’s own ratio.
It is also built to be easy to make your own. A Styleguide page shows every color token, text style and component in one place, with the tokens also written as JSON for AI agents. Two built-in Framer Skills work inside Framer AI: /customize walks you through replacing the name, emails, projects, colors, fonts and SEO, and /design-system keeps new sections in the template’s style.
What’s included
- 11 pages: Home, Discipline, Case Study, Writing, Article, Info, Careers, Role, Styleguide, Imprint and 404.
- Two Framer Skills: /customize and /design-system.
- Sidebar index with a client list, New badges and built-in search.
- Masonry work grid with image or video covers and a soft hover zoom.
- Discipline tabs that filter the work: Branding, Design and Engineering.
- Case studies with a gallery, credits, typefaces, a live link and related work.
- Journal with authors, dates and read times.
- Careers page and role pages from the CMS, with an empty state.
- Contact window with budget and timeline options.
- Light, dark and system themes that remember the visitor’s choice.
- Reusable Sidebar, Nav Item and Work Card components.
- Responsive layouts for desktop, tablet and phone, with a drawer menu.
- SEO ready, with titles, descriptions and social images per page.
- Motion that respects reduced motion settings.
Set in Host Grotesk. Open /customize in Framer AI, follow the steps, then publish.
