Studio Kern Framer Template

Bold portfolio for brand designers

Created by: Pedro Costa

Free

A motion-rich portfolio template for brand designers, art directors, and solo creative studios to present their work, case studies, studio story, and project inquiries.

About this template

Kern is a bold, motion-rich portfolio template for brand designers, art directors and solo creative studios. Oversized type, a grainy violet-to-pink shader and gooey interactions make your work feel as considered as the brands you build.

Pages

• Home with scroll-driven star reveal hero

• Work index powered by CMS

• Case study template (CMS) with cover, process and gallery

• About with story, principles, stats and client marquee

• Contact with a project brief form (service, budget, timeline)

• Custom 404

Motion & interactions

• Animated grain shader background

• Gooey page transitions, with a lightweight mode for mobile

• Preloader, smooth scroll and gooey scrollbar

• Auto-fitting display headlines

• Work showcase slider with hover previews

• Liquid-glass navigation and full-screen mobile menu

• Custom cursor

Built to edit

• Work CMS with 6 sample projects: title, discipline, year, client, services, summary, cover and gallery

• Colour and text styles for fast rebranding

• Fully responsive: desktop, tablet and phone

• SEO ready: per-page metadata, dynamic case study titles and descriptions, social image and favicon

• Respects reduced-motion preferences

Fonts: Anton and Archivo (Google Fonts).

Images: Unsplash, free for commercial use. Replace them with your own work.

Connect the contact form to your email or a webhook after you remix.

Included Pages

  • Home
  • Work
  • Case Study
  • About
  • Contact
  • 404

More from Pedro Costa

View all

More Portfolio Templates

View all

More Creative Templates

View all

More Animated Templates

View all

More Showcase Templates

View all

More Personal Templates

View all