Studio Kern

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.