Kern

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.