Canvas
Designer portfolio with case studies
A product-designer portfolio template: availability status, gradient case-study cards with outcomes, capabilities, four-step process, about with photo, testimonials, and a contact form — eight modern sections.
Download free Live preview Deploy on fylo.host ↗
Free for personal & commercial use
Customize with AI
Opens the AI with a ready-made prompt (also copied to your clipboard).
What's inside
Outcome-led case cards
Each card pairs a gradient cover with the metric that got you hired.
Availability status
A live-dot pill recruiters look for.
Process section
Four steps that answer 'what's it like to work with you?'
Photo about
A desk shot (Pexels) humanizes without a headshot.
Frequently asked questions
Is Canvas free?
Yes — free for personal and commercial use as HTML with CSS.
I don't have case studies yet — can I still use it?
Yes — write project cards as problem → what you did → result, even for coursework or concept projects.
How do I add a fourth case study?
Duplicate one .case block; the grid stacks automatically.