Kern is a Swiss-editorial Framer template built for designers, developers and freelancers. Bold typography, yellow accents, and smooth interactions — everything you need to launch a portfolio that actually looks like your work.
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.
