Kern Framer Template

About this template

Kern - Free Portfolio Framer Template

Kern is not another minimal portfolio template. It is a Swiss-editorial system built from the ground up for designers, developers, and freelancers who want a portfolio that carries the same level of craft as the work inside it.

Every section was designed with a clear purpose. Every interaction was chosen deliberately. Nothing is there to fill space.

Pages

Kern includes five fully designed and responsive pages - each one production-ready and CMS-connected out of the box.

Homepage - Hero, Selected Work, About, Services, and Contact sections in one editorial scroll

Projects Archive - Filterable grid of all your work, powered by Framer CMS

Project Page - Full case study template with hero image, content blocks, testimonial, and deliverables

Contact Page - Single-screen contact with email, socials, and availability status

404 Page - A considered error page that keeps visitors in your portfolio

Features

Framer CMS connected - Projects, Services, and all content is editable without touching a single frame

Filterable project archive - visitors filter work by service category in one click

Watery reveal interaction - hover over the hero image to reveal color beneath black and white, powered by a custom Framer code component

Fully responsive - desktop, tablet, and mobile breakpoints designed and tested

Swiss editorial typography - Geist type system with six heading levels, two body sizes, and a complete responsive scale

CMS project fields - Name, description, client, year, duration, location, overview, approach, up to six deliverables, live link, main image, supporting images, and optional client testimonial

Smooth interactions - scroll entrance animations, hover states, and page transitions throughout

SEO ready - semantic heading structure, meta titles, and descriptions pre-configured

Clean component structure - navbar, project cards, service rows, all built as reusable components

Why Kern

Most free portfolio templates give you layouts. Kern gives you a design system.

The Swiss editorial aesthetic is not a trend - it is a discipline. Tight grids, deliberate typography, restrained color, and one accent used with precision. Kern applies that discipline across every page, every section, and every component so your portfolio feels cohesive whether a visitor spends ten seconds or ten minutes on it.

The yellow is not decoration. The interactions are not afterthoughts. The CMS structure is not an add-on. Everything was designed together, which is why everything works together.

Kern is free because great portfolio design should not be a privilege. Take it, make it yours, and go get the work you deserve.