OBSCURAgency Framer Template

About this template

About OBSCURA

OBSCURA is a portfolio template for independent design studios. Oversized type, black-and-white photography and small technical micrographics give it the feel of a printed studio catalogue, while blur, focus and reveal effects keep every page moving.

Projects, journal notes, services and the archive all run on the CMS, so adding a case study or a note is one new item. Layouts, micrographics and section order stay free on the canvas.

Easy to make your own

13 color styles and 27 text styles control the whole site, with Desktop, Tablet and Phone sizes set for each. The navigation, buttons, image cards and 15 micrographics are components with built-in hover states. Swap images, edit text and change colors without writing code. Change the name, keep the system.

Who it's for

Design studios, art directors and small creative teams who want a portfolio that looks edited, not templated. It suits brand, product and motion work that depends on strong imagery.

What you get

10 pages: Home, Work, Project, Services, Process, Archive, Journal, Journal Article, Contact and 404, each with Desktop, Tablet and Phone layouts

4 CMS collections: Projects, Journal, Services and Archive, with detail pages for projects and journal articles and next-item navigation

Reveal Media cards: images open with a shutter wipe on scroll and show a code label and barcode on hover, each linked to a project

Photo tickers: rows of images scroll in opposite directions and slow down on hover

Blurred wordmark: a large title with a half blur mask, plus a soft blur at the bottom of the screen while scrolling

Animated buttons: label and arrow roll on hover, in three color variants

Mobile menu: a full navigation drawer on tablet and phone

SEO ready: title and description on every page, plus social image and favicon