Affinitty

Affinitty is a playful, interactive Framer portfolio template created for product designers, UI/UX designers, Framer creators, and multidisciplinary digital creatives.

About Affinitty

Affinitty is a playful, interactive Framer portfolio template created for product designers, UI/UX designers, Framer creators, and multidisciplinary digital creatives.

What makes Affinitty different?

• Design-canvas aesthetic: Grid backgrounds, selection outlines, layer handles, cursor details, and tool-inspired navigation create a visual language familiar to designers.

• Playful but professional: Bright accent colors and expressive illustrations add personality while spacious layouts and strong typography keep the content clear.

• Portfolio-first structure: Projects, skills, experience, testimonials, and contact information are arranged around the questions clients and recruiters care about most.

• Case studies built for storytelling: Dedicated CMS pages help you explain the complete journey behind each project- from the initial challenge to the final outcome.

• Motion with purpose: Animated ribbons, highlighted text, counters, page transitions, and interactive elements make the experience memorable without overwhelming the content.

• Responsive by design: Every core page includes dedicated desktop, tablet, and mobile layouts.

Perfect for

• Product designers

• UI/UX designers

• Interaction designers

• User researchers

• Framer creators

• Creative developers

• Design freelancers

• Design leads and consultants

• Multidisciplinary digital creatives

• Anyone building a memorable personal portfolio

Pages included

1. Home Page — Introduce yourself, present selected work, highlight your capabilities, build credibility with testimonials, and direct visitors toward your story.

2. About Page — Share your design philosophy, personal introduction, professional statistics, and career journey.

3. Projects Page — Display all portfolio projects in a structured, image-led project index.

4. CMS Project Page — Publish detailed, repeatable case studies using one flexible CMS-powered layout.

5. Custom 404 Page — Keep the template’s visual identity consistent even when visitors reach a missing page.