Brandwork

Brandwork is a minimal, editorial portfolio template for Framer. It's built for brand designers, identity designers, packaging designers and small creative studios who want their brand work to speak for itself. Large serif headings, quiet mono labels and a dark, gallery-like layout keep the attention on your projects.

Case studies and journal posts are managed in the Framer CMS, so adding a project or a new article takes minutes and needs no layout work. Each project page has a cover image, a facts row (client, sector, services, year), an overview, a three-image gallery with captions, and a "Next project" card that keeps visitors browsing your work.

The Notes section is a built-in blog for writing about process, typography, materials and craft. It has article cover images, read times and responsive cards.

Every page in Brandwork is fully responsive across desktop, tablet and phone. Motion is built with Framer's own effects (headings that come into focus letter by letter, content that fades in on scroll, smooth page transitions), so the site stays fast and easy to edit.

Brandwork is ready to customise. Text styles, colour styles and reusable components let you restyle the whole portfolio in a few clicks.

Features

• CMS-powered Projects and Notes (blog) collections

• Project detail pages with cover image, gallery, captions and a "Next project" card

• Featured-project flag and category field for projects

• Notes (blog) with cover images, dates, read times and article pages

• Fully responsive: desktop, tablet and phone

• Native Framer animations: letter-by-letter heading reveals, scroll fade-ins, page transitions

• Reusable components: Work Card, Blog Card, Button, Stat, Top Bar, Footer

• Global text styles (Newsreader, Hanken Grotesk, DM Mono) and colour styles

• Shared layout template, so the navigation and footer are edited once

• Image trail hero on the home page

• Custom 404 page

• Max-width layout with a clean editorial grid