A Swiss-editorial system built for designers, developers, and freelancers who want a portfolio that carries the same craft as the work inside it. Every section has a clear purpose — nothing is there to fill space.
Five fully designed, responsive, CMS-connected pages:
Homepage — Hero, Selected Work, About, Services, and Contact in one editorial scroll
Projects Archive — filterable grid powered by Framer CMS
Project Page — full case study with hero image, content blocks, testimonial, and deliverables
Contact Page — single-screen, with email, socials, and availability status
404 Page
Framer CMS connected — projects, services, and content editable without touching a frame
Filterable project archive by service category
Watery reveal hover interaction on the hero image, built as a custom Framer code component
Fully responsive across desktop, tablet, and mobile
Swiss editorial type system — six heading levels, two body sizes, full responsive scale
CMS project fields: name, description, client, year, duration, location, overview, approach, up to six deliverables, live link, images, optional testimonial
Scroll entrance animations, hover states, page transitions
SEO ready — semantic headings, meta titles and descriptions pre-configured
Most free portfolio templates give you layouts. Kern gives you a design system — tight grids, deliberate typography, restrained color, one accent used with precision, applied consistently across every page.
Free, because great portfolio design shouldn't be a privilege. Take it, make it yours.
Support: aathif.design@gmail.com
Enjoying Kern? A short testimonial sent to that email would mean a lot.
A Swiss-editorial system built for designers, developers, and freelancers who want a portfolio that carries the same craft as the work inside it. Every section has a clear purpose — nothing is there to fill space.
Five fully designed, responsive, CMS-connected pages:
Homepage — Hero, Selected Work, About, Services, and Contact in one editorial scroll
Projects Archive — filterable grid powered by Framer CMS
Project Page — full case study with hero image, content blocks, testimonial, and deliverables
Contact Page — single-screen, with email, socials, and availability status
404 Page
Framer CMS connected — projects, services, and content editable without touching a frame
Filterable project archive by service category
Watery reveal hover interaction on the hero image, built as a custom Framer code component
Fully responsive across desktop, tablet, and mobile
Swiss editorial type system — six heading levels, two body sizes, full responsive scale
CMS project fields: name, description, client, year, duration, location, overview, approach, up to six deliverables, live link, images, optional testimonial
Scroll entrance animations, hover states, page transitions
SEO ready — semantic headings, meta titles and descriptions pre-configured
Most free portfolio templates give you layouts. Kern gives you a design system — tight grids, deliberate typography, restrained color, one accent used with precision, applied consistently across every page.
Free, because great portfolio design shouldn't be a privilege. Take it, make it yours.
Support: aathif.design@gmail.com
Enjoying Kern? A short testimonial sent to that email would mean a lot.