Nuance

Nuance is a premium Framer portfolio template for Product Designers and UI UX Designers who know that showing your thinking is what actually gets you hired.

Optimized for Framer’s agent. Ask for any change and it builds with your design system.

Most portfolio templates are built for polished screenshots. Nuance is built for designers who need to show process, depth, and decision-making to recruiters and hiring managers.

What makes Nuance different?

Built around process, not just visuals. Every case study follows a structured narrative: problem, research, ideation, wireframes, visual design, testing, and outcomes.

A real design system, built in. Semantic color styles, 20 text styles, and reusable components, all organized in folders in your Assets panel. Change a style once and the whole site follows.

CMS-powered case studies. Add, update, and manage projects through Framer CMS without touching layouts.

Four complete dummy case studies. Fintech, food delivery, HR, and travel, with personas, journey maps, user flows, wireframes, testing insights, and outcome metrics.

Dynamic Table of Contents. Long-form case studies include a floating Table of Contents that updates automatically.

Consistent spacing, responsive by default. All spacing follows a 4pt grid, and every page works on Desktop, Tablet, and Phone.

Looks like you made it yourself. Grid references, bounding box cues, and a bento-style About section give it a designer-crafted identity.

Documentation included. A Design System page documents the rules, colors, text styles, and components.

A separate CMS collection is included for multidisciplinary work like illustrations or photography.

Pages: Home, Works, Case Study Detail, Other Works, About Me, 404, and Design System.

Support: Questions about setup or customization? Email design@vikramuiux.com. I respond within 48 hours. The template is updated as Framer evolves.